Эффект нажатия на button и input в Opera

[Critical Error 155]

В общем, нуждаюсь в помощи, а необходимо следующее:

В опере при нажатии на input или button происходит смещение текста вниз и вправо - обзовем его эффекто нажатия. Кто знает как при помощи css от него можно избавиться?

[WWW.ZEOS.IN 1 161]

Critical Error,

Может быть как-то так:

input:active, button:active { padding: 0; margin: 0; и так далее, тут надо отменить все стили }

Например в браузере Firefox для этого применяются такие стили:

button:active:hover, input[type="reset"]:active:hover, input[type="button"]:active:hover, input[type="submit"]:active:hover {

background-color: buttonface;

border-style: inset;

color: buttontext;

padding: 0 5px 0 7px;

}

Добавлено позже:

Из всех вариантов, что я попробовал написать, работает только такой:

<style>

button { border: 1px solid grey; padding: 10px;}

button:hover { background-color: lightgrey; }

button:active { position: relative; left: -2px; margin-left: 2px; background-color: white; }

</style>

<button>Текст</button>

Правда нажимать на кнопку надо не более 1 раза в секунду. Если нажимать несколько раз в секунду, то всё-равно происходит вдавливание

[Critical Error 155]

Спасибо, похимичу

[n0lik 75]

Заменить кнопки на картинки

[WWW.ZEOS.IN 1 161]

n0lik, true

Critical Error, попробуйте еще использовать технику reset.css, вдруг поможет

[Critical Error 155]

  Цитата

Заменить кнопки на картинки

Не вариант, как и заменить на тег A

Много править в коде прийдется

  Цитата

Critical Error, попробуйте еще использовать технику reset.css, вдруг поможет

Уже есть, но к сожалению...

[n0lik 75]

  Цитата

Не вариант, как и заменить на тег A

Не вариант с картинками в чём выражается? Не охота добавлять картинки или что?

И почему у вас кнопочки вообще куда то смещаются? Возьмём например данный форум и кнопки в посте Изменить / Цитата / Ответить они не куда не смещаются и не прыгают, так возмите за пример эти кнопки и сделайте на их основе.

[Lomot 134]

  Цитата

И почему у вас кнопочки вообще куда то смещаются? Возьмём например данный форум и кнопки в посте Изменить / Цитата / Ответить они не куда не смещаются и не прыгают, так возмите за пример эти кнопки и сделайте на их основе.

Здесь кнопки ссылками (<a href="#">кнопка</a>) ,а нужны именно кнопки (<button type="button">кнопка</button>)

[n0lik 75]

  Цитата

Здесь кнопки ссылками (<a href="#">кнопка</a>) ,а нужны именно кнопки (<button type="button">кнопка</button>)

С этим понятно, а почему вас кнопки картинками не устраивают?

[Compton 34]

Вот-вот, те, кого этот вопрос мучал давно уже забили на кнопки и перешли на <a>

Изменено 13 сентября 2011 пользователем Compton

[Critical Error 155]

  Цитата

почему вас кнопки картинками не устраивают?

Править код движка придется

[n0lik 75]

  Цитата

Править код движка придется

Можно и стилями всё сделать, ну да ладно...

А ещё можно удалить из стиля кнопки параметры background и border тогда ничего прыгать не будет.

ИМХО, вообще это бред, что то переделывать из за того, что текст не много опускается вниз и так же не много съезжает влево, тем более при нажатии и тем более в опере, по моему, это никого не волнует, после того как ты уже нажал

Изменено 13 сентября 2011 пользователем n0lik

[WWW.ZEOS.IN 1 161]

  Цитата

А ещё можно удалить из стиля кнопки параметры background и border тогда ничего прыгать не будет.

В Оpera будет

[n0lik 75]

  Цитата

В Оpera будет

Да только что смотрел, ничего там не прыгает.

Там проваливается сама кнопка, а не текст, а когда мы добавляем бг и бр то получается, что кнопка остаётся на месте, а текст проваливается, вот и кажется, что текст съезжает.

[WWW.ZEOS.IN 1 161]

Способ, который я написал http://forum.dle-news.ru/index.php?showtopic=57057&view=findpost&p=281563 частично решает эту проблему

Но это уже всё мелочи. Не думаю, что стоит уделять этому моменту много времени