Enviar estilo de botão no IE

StackOverflow https://stackoverflow.com/questions/293948

  •  08-07-2019
  •  | 
  •  

Pergunta

Eu tenho uma pergunta para o comportamento do botão submit- do Internet Explorer. Se eu carregar a página que está tudo bem - a aparência de botão enviar como deveria.

estado inativo http://img58.imageshack.us/img58/7214/inactiveci9 .jpg

Mas se eu clicar dentro do formulário, o botão enviar fica algum estilo adicional que eu não gosto (veja a imagem para mais informações).

estado ativo ??

Como posso desativar esse comportamento. Estou usando o IE7 no Vista.

Foi útil?

Solução

CSS: 

input:focus, 
input:active, 
input:hover 
{ 
   outline: none; 
   border: 1px solid; 
}

Não há garantias, mas que é deveria para parar IE sendo estúpido.

Você deve estender o estilo acima um pouco, por exemplo, mudar a cor de fundo ou a cor da borda para dar uma mudança alternativa indicando foco.

(guia de imprensa, você vai vê-lo se mover;), o estilo adicional é um indicador que assinale qual ação será executada ao pressionar ENTER)

Outras dicas

Isso indica que o botão está focada. É necessário para a navegação pelo teclado. Você should't removê-lo.

Se você no entanto olhares valor de seu projeto mais de usabilidade e acessibilidade, tente hideFocus propriedade (pelo menos não é tão prejudicial quanto blur()).

Eu encontrei o mesmo comportamento no IE. Tanto quanto eu sei, a única maneira de impedir que o comportamento é definir a propriedade border botão para nenhum -. Não é o ideal como que, obviamente, efeitos do estilo de seu botão

Este é um comportamento apenas padrão do Windows em que o padrão de botão i. o botão que é clicado se você pressionar Enter-recebe uma borda ligeiramente mais espessa.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top