Как отключить синее свечение для кнопки HTML в Ie9 - PullRequest
2 голосов
/ 12 октября 2011

Я знаю, что этот вопрос задавался ранее, но у меня возникли некоторые трудности с его работой в IE9.У меня есть HTML-страница с 3 формами (так как каждая форма содержит запрос к другому ресурсу на веб-сайте).HTML выглядит так:

<form action="/SomeController1/Action" method="get"><button name="action" value="someValue">Request the first thing</button></form>
<form action="/SomeController2/Action" method="get"><button name="action" value="someValue">Request the second thing</button></form>
<form action="/SomeController3/Action" method="get"><button name="action" value="someValue">Request the third thing</button></form>

Я пытаюсь отключить синее свечение, которое появляется на всех трех кнопках при загрузке страницы.Я думаю, это выглядит очень странно ...

Решение, которое я пытаюсь реализовать, которое, похоже, не работает:

button
{
    outline-width: 0px;
    outline: none;
}

В любом случае,свечение не появляется в Firefox или Chrome, оно просто появляется в IE.Я полагаю, что я мог бы просто использовать одну форму и поместить в нее 3 кнопки, но это выглядит скорее как обходной путь, а не как решение.Есть ли способ сделать это с помощью CSS или JavaScript?Любая помощь будет оценена!

Спасибо!

Редактировать - Вот изображение проблемы:

enter image description here

Ответы [ 3 ]

2 голосов
/ 12 октября 2011

Я просто надеялся избавиться от синего цвета.

Вы не можете просто избавиться от него, потому что Internet Explorer использует встроенные кнопки из вашей системной темы.Взгляните на любое системное диалоговое окно с кнопкой, например, когда вы меняете обои.

Вы можете убрать только синее внутреннее свечение, если хотите самостоятельно оформить прилично выглядящую кнопку, начиная с настройкиborder / background (который отключает использование собственного стиля).

1 голос
/ 11 апреля 2014

У меня нет IE 9 для тестирования --- но, как правило, в CSS, вы должны попробовать

button:focus {
    outline:none;
    box-shadow:none;
}

Адаптировано из "Удаление синего свечения из ввода текста HTML при выборе".

1 голос
/ 12 октября 2011

со словом «свечение» вы имеете в виду границу?в этом случае просто сделайте;

button { border: 0; }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...