украшение текста не работает на ‹input type=button› в Opera

Учитывая следующий код:

HTML:

<input id="myButton" type="button" value="Click me" />

CSS:

#myButton{
    text-decoration: underline;
    padding: 10px;
}

Вы можете увидеть это как живой пример на jsfiddle.

Я хочу добиться того, чтобы текст внутри кнопки был подчеркнут. Он отлично работает в IE9, Chrome 21, Firefox 14 и Safari 5.1.5, но не работает в текущей версии Opera 12.

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

ИЗМЕНИТЬ:

Я хочу использовать решение только для CSS. У меня есть много форм, некоторые из них генерируются Javascript, поэтому было бы слишком много усилий, чтобы изменить HTML/Javascript всего лишь для того, чтобы решить эту проблему в Opera.


css opera
person Uooo    schedule 23.08.2012    source источник
comment
Сообщается как ошибка Opera CORE-18766.   -  person Erik Dahlström    schedule 23.08.2012

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете попробовать это:

<button id="test"><span>Test</span></button>

Со следующими стилями CSS:

#test{ padding: 10px; }
#test span{ text-decoration: underline; }

У меня работает в новейшей Опере.

С уважением Сорен

person Sören Bretschneider    schedule 23.08.2012
comment
Извините, я забыл сказать, что хочу использовать решение только для CSS. У меня много форм, некоторые из них генерируются Javascript, поэтому было бы слишком много работы, чтобы изменить все это и убедиться, что мой Javascript все еще работает везде. Было бы слишком много усилий, чтобы исправить эту проблему в Opera. Я добавлю это к моему вопросу. - person Uooo; 23.08.2012

arrow_upward
0
arrow_downward

вы не можете применить украшение текста и сквозную строку к типу ввода = «кнопке» в строгом соответствии с xhtml. Он работает под переходным html 4.01, но не под xhtml strict.

person Chandrakant    schedule 23.08.2012
comment
Изменение типа документа (локально, а не на jsfiddle) на HTML 4.01 Transitional не решает проблему. Во всяком случае, на странице, где я использую это, я использую тип документа HTML5, поведение такое же. - person Uooo; 23.08.2012