Подчеркивание текста в кнопке отправки (html, css)

Question

Я (возможно, неразумно) пытаюсь стилизовать кнопку отправки ввода, чтобы она выглядела как обычная гиперссылка.С помощью CSS все хорошо, за исключением подчеркивания, которое не отображается.Css:

input.addemail { 
  border: 0px; 
  background-color: #1e2f45; 
  text-decoration: underline; 
  cursor: hand;
  cursor: pointer; 
  color: #ffd17d; 
}

Есть ли способ подчеркнуть текст (значение) кнопки отправки, которая будет работать в x-браузере?Или есть другой подход - например, использовать изображение?Очевидно, я хотел бы получить хорошую гарантию, что при любом подходе он будет работать в x-browser, inc.ie6 :).Или это просто бесполезно ??

Другой подход заключается в том, чтобы скрыть кнопку и использовать гиперссылку, которая при нажатии в javascript отправляет форму.Но я понимаю, что могут возникнуть проблемы с пользователем, ожидающим возможности возврата, что может не сработать, если кнопка скрыта.

Любые предложения очень ценятся.

Answer 1

У меня была такая же проблема, и после поиска в Google я нашел ответ, который работает для меня

input {
    text-decoration:underline;
    display:inline-block;
}

Решение с большим количеством примеров принадлежит Майку Баллану, здесь .

Answer 2

Вы не можете использовать text-decoration для кнопки, в качестве альтернативы, вы можете имитировать подобное поведение со свойством border следующим образом:

border-bottom:1px solid #1e2f45;

Answer 3

Я склонен использовать <span> для имитации гиперссылки и фактически вызывать функцию JavaScript, которую вы, конечно, можете затем подчеркнуть.

Answer 4

Если вы переместите кнопку отправки за пределы экрана, то сможете использовать ссылку A для кнопки с приятным стилем, а также использовать функцию «возврата».

Вы можете использовать различные приемы CSS, в том числе «margin-left: -9999».