Подчеркнуть текст в кнопке

[prowoke]

Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом :

form input[type="submit"] {
		background: none;
	border: none;
 	cursor: pointer;
		font-size: 14px;
	padding: 3px 0 0 0;
	color: black;
}

Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.

[Vlad]

Нет, не должно. Кнопка это системный элемент и некоторые стилевые свойства к ней не применимы.

[Int]

Может быть <button> прокатит?

[rus]

form input[type=submit]

это что за запись такая? или я от жизни отстал?

[SelenIT]

rus, это обычный селектор атрибута, был еще в CSS2, но раньше редко использовался, т.к. его не понимал IE6. Теперь IE6 де-факто вымер и эта запись скоро станет общепринятой...

[rus]

SelenIT спасибо, про селекторы мало знаю, руки не дошли, надо учить.

[Veseloff]

Не могу допереть как мне подчеркнуть текст в кнопке submit. Я её видоизменил таки кодом :

form input[type="submit"] {
		background: none;
	border: none;
 	cursor: pointer;
		font-size: 14px;
	padding: 3px 0 0 0;
	color: black;
}

Если я пишу text-decoration: underline; То ничего не происходит, хотя вроде должно. ПОдскажите, пожалуйста, как добиться поставленной цели.

На извращение похоже. Может, лучше <input type="button">?

[mishka]

На извращение похоже. Может, лучше <input type="button">?

Ты находишь отличие между <input type="button"> и <input type="submit"> (не в функционале)?

На <input type="button">/<input type="submit"> подчеркивание неработает в опере, ие6.

Поэтому если очень нужно то

<button><span>button</span></button>
button:hover span { text-decoration: underline; }

или просто

<span class="button">button</span>
button:hover { text-decoration: underline; }

Edited October 5, 2010 by mishka2

[Veseloff]

Тьфу, блин. type="image" хотел написать, а написал какую-то фигню.

[SelenIT]

Если это именно сабмит, и он в форме единственный, и никаких экстраординарных дизайнерских подвыподвертов для него не нужно — имхо, <button type="submit">неподчеркнутый <span>и подчеркнутый</span> текст</button> — самое естественное решение. Всё остальное — изврат и эмуляция. Но если какое-то из условий не выполняется, в таких извратах может появиться смысл

Edited October 5, 2010 by SelenIT

[Great Rash]

И <span> не нужен имхо... да и буз type="submit" тоже обойтись можно и так засабмитит вроде...

<button><ins>text</ins></button>

[SelenIT]

буз type="submit" тоже обойтись можно и так засабмитит вроде

Во всех, кроме IE

И для чисто оформительских целей, имхо, семантически пресный <span> оправданнее, чем <ins>. Если плюнуть на Strict-валидность ради экономии десятка байт, можно древний <u> вспомнить...