Пунктир вокруг... кнопок (submit, button) в FF

[and0605]

С пунктиром вокруг ссылок все понятно

a {
	outline: none;
}

Эта тема обсуждалась на форуме.

А вот как убрать ту же рамку кнопок (при нажатии)? И вообще, возможно ли это? Короче говоря, что написать сюда:

input[type="button"], input[type="submit"]{
   ???
}

Только меня-то уж в песочницу посылать не надо))) Все знать невозможно.

[and0605]

Ну и как? Реально никто не знает? Или это и правда нельзя реализовать?

[psywalker]

не ори и попробуй так :focus {outline: 0; }

[DjTarik]

не ори и попробуй так :focus {outline: 0; }

Так не получиться... Но способ есть... Это я точно говорю...

p.S. Копать в сторону свойств для мозиллы... Сам когда-то искал...

[Great Rash]

input[type="button"]::-moz-focus-inner {
	border: none;
}

[and0605]

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

<form name="form1" action="script.php">

<input type="text1"/>

<input type="text2"/>

<input type="submit"/>

</form>

на

<form action="script.php" name="form1">

<input type="text1"/>

<a href="java script:document.forms["form1"].submit()">submit</a> <!-- тут уже любые стили -->

</form>

[VJiK]

Тогда уж надо делать изначально кнопку, затем на JS заменять кнопку на ссылку. Если JS у пользователя отключен, то форма сохранит свою работоспособность

[BassEast]

*|*:-moz-any-link:focus {

outline: none;

}

Edited August 29, 2009 by BassEast

[VJiK]

*|*:-moz-any-link:focus {

outline: none;

}

не помогает

[Great Rash]

Все это попробовал - не работает.

Приведенный мной код 100% работает в Mozilla 3.5.2 (в других не тестировал). В ИЕ и так внутри рамки нет, по крайней мере при type="button", на счет submit не смотрел, но не думаю, что они отличаются.

Если JS у пользователя отключен, то форма сохранит свою работоспособность

Много вы пользователей знаете которые отключают Яваскрипт? Например я ни одного.

Напоследок, можно написать так:

<input type="button" value="test" onfocus="this.blur();" />

Но тогда на вашу кнопку Tab'ом не попадешь, что очень и очень плохо. Плюс в ИЕ (по крайней мере в восьмерке) если кликнуть на такую кнопку она будет оставаться в нажатом состоянии пока пользователь не отведет мышь с нее, что имхо некошерно.

[VJiK]

Много вы пользователей знаете которые отключают Яваскрипт? Например я ни одного.

Тут уж зависит от направленности сайта... В некоторых фирмах бывает и отключен JS =)

Но я согласен - сейчас это большая редкость.

[LiveFree]

Много вы пользователей знаете которые отключают Яваскрипт? Например я ни одного.

у меня например как раз в мозилле плагин NoScript который по дефолту режет все скрипты на сайтах:-) другой вопрос, что я это вижу и могу включить при необходимости

[BassEast]

почитайте, по этой же статье, я когда-то правил эту чертовщину в IE6, а я так понял, вы про IE6 всё-таки говорите.

[jonston@list.ru]

button::-moz-focus-inner,

input[type=reset]::-moz-focus-inner,

input[type=button]::-moz-focus-inner,

input[type=submit]::-moz-focus-inner,

input[type=submit]::-moz-focus-inner,

input[type=file] > input[type=button]::-moz-focus-inner

{/* */

border: none;

}

в мозиле проверял работает

[Kaylang]

Много вы пользователей знаете которые отключают Яваскрипт? Например я ни одного.

Я знаю даже таких, что картинки отключают, не только JS.

[psywalker]

Я знаю даже таких, что картинки отключают, не только JS.

Вот тебя походу судьба покидала)

[SelenIT]

input[type=file] > input[type=button]

Чего, пардон? В какой версии такое чудо присутствовало?