ввод: фокус не работает на Firefox - PullRequest
Новая
       14

ввод: фокус не работает на Firefox

3 голосов
/ 11 сентября 2009

У меня загружается следующий стиль, который я проверял: 

input:focus { outline: none; }
:focus { outline: none; }

Я сделал это, чтобы перестать показывать пунктирный прямоугольник, когда нажимаю на что-то Это работает для всего, что я заметил в FireFox, кроме кнопок ввода. Мои кнопки ввода все еще показывают пунктирный прямоугольник вокруг них, когда я нажимаю их.

Как я могу заставить их прекратить это делать?

Ответы [ 3 ]

4 голосов
/ 22 декабря 2010

Мне нужно было сделать это ( источник ): 

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner { border : 0px; }

/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus { outline : none; }

У меня уже был установлен "контур: 0" для всего через сброс, но этот -moz-focus-inner был необходим, чтобы избавиться от пунктирной линии на кнопке в стиле CSS.

2 голосов
/ 11 сентября 2009

<input ... onfocus="this.blur();"/> сделает свое дело

или jQuery: 

$("input").focus(function(){this.blur();});
1 голос
/ 11 сентября 2009

Это работает для меня (пробовал в обоих Firefox 2 и 3) 

<html>
<head>
  <title>Test</title>
  <style>
   :focus { -moz-outline-style: none;}
  </style>
</head>
<body>
  <form action="#">
    <input type="image" src="button.png" />
  </form>
</body>
</html>

Просто добавьте button.png: -)

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

Нет похожих вопросов

...