Отправить стиль кнопки в IE

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

  •  08-07-2019
  •  | 
  •  

Вопрос

У меня есть вопрос к поведению кнопки отправки в Internet Explorer.Если я загружаю страницу, все в порядке - кнопка отправки выглядит так, как должна.

Неактивное состояние http://img58.imageshack.us/img58/7214/inactiveci9.jpg

Но если я нажму внутри ФОРМЫ, кнопка отправки получит дополнительный стиль, который мне не нравится (дополнительную информацию см. На изображении).

Active state

Как я могу отключить это поведение.Я использую IE7 под Vista.

Это было полезно?

Решение

CSS:

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

Никаких гарантий, но это так. предполагаемый чтобы IE не был глупым.

Вам следует немного расширить приведенный выше стиль, например, изменить цвет фона или цвет границы, чтобы обеспечить альтернативное изменение, указывающее фокус.

(нажмите Tab, вы увидите, как он движется;) дополнительный стиль — это индикатор, показывающий, какое действие будет выполнено при нажатии ENTER)

Другие советы

Это означает, что кнопка находится в фокусе. Это необходимо для навигации с помощью клавиатуры. Вы не должны удалять это.

Если, однако, вы цените внешний вид вашего дизайна за удобство использования и доступность, попробуйте hideFocus свойство (по крайней мере, оно не так вредно, как blur () ).

Я столкнулся с таким же поведением в IE. Насколько я знаю, единственный способ предотвратить такое поведение - установить свойство границы кнопки на none - не идеально, поскольку это, очевидно, влияет на стиль вашей кнопки.

Это просто стандартное поведение Windows, когда кнопка по умолчанию - т.е. кнопка, нажимаемая при нажатии клавиши «Ввод», получает немного более толстую границу.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top