BUTTON - рамка вокруг кнопки

[foxyrus]

Добрый день!

Как удалить рамку вокруг кнопки при потере фокуса, выглядит так (черная рамка вокруг кнопки ОК)

код css кнопки такой

#okbutton {font-size: 1em; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #DC4E1B;}

[Tokolist]

заменить кнопку на картинку...

type="image"

[foxyrus]

а подругому никак?

[V@dimK@]

Попробуй поставь бордер = 0px

[foxyrus]

Тогда исчезнет рамка вокруг кнопки вообще, а мне чтоб не появлялась при потере фокуса

[SkyLight]

Ну можешь отлавливать события на получение/потерю фокуса и менять рамку. Но это уже жабаскрипт.

[strix]

a:focus {
outline: none;
}

[EugenyK]

a:focus {outline: none} - это конечно хорошо, но

как быть с кнопкой submit в ФФ?

Я пробовал даже ставить изображение в .submit { backgroung: url('') }, но это работает только в IE.

В ФФ пунктирная рамка вс? равно появляется.

Пробовал -moz-outline-style:none;

но это не помогает для псевдокласса :focus.

Как вариант, работает только onfocus='this.blur();'

А можно ли это сделать на CSS?

———————

Ещ? вопрос, но немного не по теме:

Если указать фоновый рисунок в классе .button_submit, то текст 'Войти' у ИЕ по вертикали симметричен, а у ФФ съезжает вниз. Как такое исправить?

Заранее спасибо.

[maddogrts]

Значит ответ на вопрос не по теме. Присвоить значение padding-bottom: 2px; для input. А для ие воспользоваться трюком и присвоить 0 отступ.

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

Думаю это не тот вопрос который действительно важен. Мне например очень нравиться этот пунктир.

[EugenyK]

>> А для ие воспользоваться трюком и присвоить 0 отступ.

А как это сделать?

Что за трюк?

[maddogrts]

_padding-botton: 0px