Стиль кнопки имеет толстую границу при загрузке страницы, когда на странице несколько кнопок

Question

это мой первый вопрос, задаваемый здесь переполнением стека.

У меня есть проблема, которая немного беспокоила меня.

Когда у меня на странице загружается несколько кнопок, первая кнопка в разметке HTML, кажется, обводит эту мышление рамкой вокруг кнопки.

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

Я надеялся, что есть способ стилизовать эту кнопку, когда режим фокуса для IE 7 и выше, либо через javascript, либо в этом коде позади. Я использую VB.net, но буду очень признателен за пример на C #, если за этим стоит код.

Любая помощь будет принята с благодарностью.

Спасибо, Джейк

Answer 1

Используйте любой из этих стилей CSS

a:active, a:focus,input, input:active, input:focus{     outline: 0;     outline-style:none;     outline-width:0; }  
a:active, a:focus,button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner 
{     border: none; } 

OR

:focus {outline:none;} ::-moz-focus-inner {border:0;}

Как только часть CSS Style будет готова, вам также может понадобиться установить IE-Emulator. Обновите файл web.config веб-приложений и включите ключ ниже.

  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <clear />
        <add name="X-UA-Compatible" value="IE=7; IE=9; IE=8; IE=5;" />
      </customHeaders>
    </httpProtocol>

  </system.webServer>

Answer 2

Вы можете попробовать обернуть кнопку в промежуток, присвоить ей промежуток и удалить ее из кнопки?

Тип:

<style type="text/css">
    .span-button INPUT { background-color: transparent; border-width: 0px; }
    .span-button { background: Silver; border: 1px solid red; }
</style>

Html

<span class="span-button"><input type="button" value="wrapped button" /></span>

Answer 3

Если вы подразумеваете под толстой рамкой: выделение по умолчанию, выполняемое IE для первой кнопки отправки, найденной в форме, то установите следующее: Запрет IE выделению первой кнопки отправки в форме

Answer 4

Попробуйте применить стиль CSS для кнопки с помощью псевдокласса: focus, который может позволить изменить стиль кнопки. Не знаю, поддерживается ли это во всех основных браузерах.

http://www.w3schools.com/CSS/pr_pseudo_focus.asp