2012-08-23 3 views
2

에 다음 코드를 작동하지 라이브 예제로 jsfiddle에 있습니다.텍스트 장식을 감안할 때 오페라

단추 내부의 텍스트에 밑줄이 그어지기를 원합니다. IE9, Chrome 21, Firefox 14 및 Safari 5.1.5에서는 정상적으로 작동하지만 현재 Opera 12에서는 작동하지 않습니다.

this question에서 제안을 시도했지만 Opera의 버튼에는 밑줄이 표시되지 않았습니다. 어떻게 내가 그 브라우저에서 이것을 얻을 수 있습니까?

편집 :

가 나는 CSS 전용 솔루션을 사용하고 싶습니다. 폼이 많습니다. 일부는 자바 스크립트에 의해 생성되기 때문에 오페라에서이 문제를 해결하기 위해 HTML/자바 스크립트를 변경하는 것은 너무 많은 노력입니다.

+0

Opera 버그 CORE-18766 (으)로 신고했습니다. –

답변

1

이 작업을 시도 할 수 있습니다 :

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

을 다음 CSS - 스타일로 : 나를 위해

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

작품을 최신 오페라.

감사 소렌

+0

죄송합니다. CSS 전용 솔루션을 사용하고 싶습니다. 나는 많은 형식을 가지고 있으며, 일부는 자바 스크립트에 의해 생성되므로,이 모든 것을 변경하고 자바 스크립트가 어디서나 작동하는지 확인하는 것은 너무 많은 작업입니다. 오페라에서이 문제를 해결하기 위해서는 너무 많은 노력이 필요합니다. 나는 이것을 내 질문에 추가 할 것이다. – Uooo

0

당신은 엄격한 XHTML에서 입력 유형 = "버튼"을 텍스트 장식과 라인을 통해 적용 할 수 없습니다. 그것은 html 4.01 transitional에서 작동하지만 xhtml strict에서는 작동하지 않습니다.

+0

doctype (로컬에서는 jsfiddle이 아닌)을 HTML 4.01 Transitional로 변경해도 문제가 해결되지 않습니다. 어쨌든, 내가 이것을 사용하는 페이지에서 HTML5 doctype을 사용하면 동작이 동일합니다. – Uooo