Подчеркивание текста css не работает при применении к тексту кнопки ввода

Question

Довольно понятно.У меня есть кнопка ввода.У него есть текст.У него есть класс CSS.Класс css имеет атрибут «text-художественное оформление: подчеркивание;». Подчеркивание не отображается в Firefox .Я попытался добавить "! Важное" к атрибуту, но безрезультатно.Видимо, это известная проблема.Кто-нибудь знает обходной путь?

Answer 1

Лучше использовать display:inline-block, это не меняет положение элемента.

Answer 2

Применить position: absolute, display: block или float: left к кнопке. (display: block рекомендуется.) Не спрашивайте, почему.

Вы также можете заметить, что Firefox отобразит подчеркивание в режиме quirks .

Answer 3

Я не вижу проблем с подчеркиванием текста в <input type=button> в Firefox (технически, я имею в виду; я вижу много проблем с удобством использования этой идеи). На вашей странице может быть что-то еще, что мешает подчеркнуть.

С другой стороны, если вы хотите подчеркнуть только части текста, вы можете использовать <button>, что позволяет использовать разметку в тексте, даже <u>.