Как скрыть кнопку, но не текст?

Question

[Way]

Возможно ли скрыть саму кнопку, но текст на ней оставить видимым?

Answer 1

[Stalker_RED]

jsfiddle.net/60h2qmLb

Comments

[Way]

Спасибо.

[Arris]

А сделать так, чтобы при нажатии на кнопку текст не сдвигался, реально? :)

[Way]

Arris: а разве он сдвигается?

[Arris]

Юрий Андрианов: у меня (ФФ 38) при нажатии на кнопку текст сдвигается на 1 пиксель вправо. При отпускании - очевидно возвращается на место. Это визуальный эффект нажатия кнопки, а какие-то глюки с CSS )

[Way]

Arris: можно демо посмотреть?

[Arris]

Юрий Андрианов: jsfiddle.net/60h2qmLb же . Или вам на ютуб заснять? :)

[Way]

Arris: у меня ничего не съезжает.

[Arris]

Юрий Андрианов: https://youtu.be/WLtGg7uGnnQ

[Way]

Arris: хм, очень интересно. А в другом браузере пробовали?

[Arris]

Юрий Андрианов: в хроме она выделяется оранжевым (пока не потеряет фокус), текст не сдвигается (хотя если закомментить border:none - видно что она нажимается).
Оперу не держу.
Сафари: тот же эффект, что и в хроме, за исключением оранжевой рамки.

[Arris]

Юрий Андрианов: впрочем, насколько я могу судить, это сдвиг текста внутри блока (кнопки), а не самой кнопки.

[Stalker_RED]

Arris: можно. эти все эффекты реисует браузер, они отличаются для нажатой и не нажатой кнопки. Можно в инспекторе посмотреть что именно меняется..

[Stalker_RED]

Arris: Сдвиг делается paddingo-ом. Обводка по идее outline, но что-то в фоксе не убирается пока :(
jsfiddle.net/Stalk/60h2qmLb/2