Стиль кнопки отправки по умолчанию для формы - PullRequest
1 голос
/ 16 сентября 2009

Теперь я знаю, что об этой проблеме много говорят, но я не могу найти вопрос, который касается этой маленькой жемчужины напрямую, так что ...

В Opera и IE, когда форма имеет фокус, ввод по умолчанию получает какую-то подсветку. Как контур, когда у вас есть вкладка, сфокусированная на элементе.

Однако, в отличие от вкладки 1 (пунктирные линии внутри или вокруг, что для меня приятно и удобно для пользователя и поэтому ХОТИТЕ ее для моих пользователей), у этого есть несколько причудливых дизайнов ...

У Firefox есть свои проблемы, но, по крайней мере, вы можете настроить его. Он резервирует место для «подсветки» / «границы» или как угодно, что вы хотите назвать, что означает, что ваш ввод будет более объемным, чем в любом другом браузере. - почему он не может сделать то, что делает для якорей, и выделить все вокруг взорвавшейся вещи?

Opera странна сама по себе (Opera 10), поскольку она делает контур "подсвеченным" независимо от черного. Теперь это не проблема, ЕСЛИ У ВАС НЕТ ЧЕРНОГО ФОНА ... и он заменяет оригинальную рамку, достойную только ладони ... о чем они думали.

IE похож на Firefox, но неизвестно, как его настроить ..

Теперь к вопросу: есть ли способ установить кровавый цвет в Opera для этого события фокуса (что решило бы эту проблему) или использовать его в Firefox без необходимости раздувать дизайн в любом другом браузере или способ заставить IE соответствовать вообще.

Большое спасибо заранее

Ответы [ 4 ]

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

Я пытался и пытался, но я не думаю, что это возможно.

0 голосов
/ 27 сентября 2009

Вроде хак, но определенно работает ..

<input type='submit' onfocus="blur()" />
0 голосов
/ 17 сентября 2009

попробуйте сделать

<input type='submit' autocomplete='off' style='outline:none;'/>

это сработало для меня в текстовых полях - я не уверен, переносит ли оно элементы отправки или кнопки, но стоит попробовать.

0 голосов
/ 16 сентября 2009
button:active{background-color:#f00;}
button:hover{background-color:#0f0;}

Это должно позволить вам контролировать визуальное взаимодействие кнопки. Чтобы указать конкретную кнопку, укажите значение идентификатора в HTML-коде тега кнопки.

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