Почему при клике на кнопку съезжает текст?

Question

[Anton]

Дано: 4 кнопки button[type=button].
В каждой из них есть внутренний текст, который при клике меняется с помощью JQuery.
Проблема в том, что при клике на каждую кнопку на 1 пиксель съезжает текст и тут же возвращается на место. Получается нежелательный эффект какого-то мерцания.
Border и outline имеют значение none, что еще проверить?

Answer 1

[tplus]

Раз это button, скорее всего, срабатывает нажатие кнопки, которое и выглядит как смещение текста.

Answer 2

[kn1ght_t]

нужно сбрасывать стили, если написать такую штуку в начале стилей, то сдвига не происходит:

* {
    padding: 0;
    margin: 0;
}

можете вашей кнопке написать:
#take {padding: 0;}

Comments

[Anton]

на фиддле не очень хорошо видно, тк почти все изображения и фоны идут картинками. Но на примере кнопки "получить" видно, как текст при нажатии двигается. Как этого избежать, не заменяя баттоны дивами?

[Anton]

jsfiddle.net/51hc8akd

[kn1ght_t]

Anton: подредактировал ответ

Answer 3

[Дмитрий Шинкарь]

Конечно хорошо бы увидеть код, но раз такие пироги... Вам обязательно использовать батоны?)

Answer 4

[Владислав Линник]

Вопрос старый, но все же, если кому попадется - решается так - button:active {padding: 0;}