0

Não consigo remover a borda tracejada que surge quando se clica em um item de um combo box, já tentei o recurso outline:none do css3, porém não funcionou. Alguém pode me ajudar?

Ex:

inserir a descrição da imagem aqui

6
  • Poderia por gentileza postar o código HTML e CSS da página? Commented 20/07/2016 às 18:57
  • Na realidade não tenho código desenvolvido, mas é um simples select. Este componente no mozilla por padrão possui uma borda tracejada quando sofre o clique do mouse e eu queria remove-la Commented 20/07/2016 às 19:08
  • Tem como colocar um print ao menos? Commented 20/07/2016 às 19:11
  • Claro! Já inseri Commented 20/07/2016 às 19:31
  • Coitada da borda tracejada, ta fazendo nada de mais... Commented 20/07/2016 às 19:33

1 Resposta 1

0

A janela suspensa com as opções é parte do que é chamado de ShadowDOM. Nas especificações CSS atuais, nível 3, não há nenhuma maneira para atingir a maioria dos elementos ShadowDOM. Você pode ler as especificações sobre o ShadowDOM aqui, embora não há muito lá sobre o que você quer.

Mas, existem opções como Select2 que redesenha todo o combobox usando Javascript.

Fonte: https://stackoverflow.com/questions/14056300/select-menu-option-border-none

3
  • Muito obrigado amigo, mas a ideia não é reformular todo o componente, só mesmo remover a borda. Commented 20/07/2016 às 19:32
  • Remover a borda infelizmente não da, os browsers não suportam ainda. O bom do Select2 é que ele deixa seu combobox "bonitinho" sem voce precisa mexer no seu html, apenas instanciando o metodo js... vale tentar. Commented 20/07/2016 às 19:34
  • Valeu pela dica! Commented 21/07/2016 às 16:20

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .