2009-06-17 3 views
5

사라는 스타일 시트 아래라디오 버튼이 예와 아래 크롬

select,input ,td a {border:1px solid green; width:25%;height:25px;font-size:20px;margin- left:.1em;} 
input.myradio {border:none;width:0%;height:0%;font-size:0%;} 

<td><input class="myradio" type="radio" name="poolstatus" value="Add">Add</input><td> 

그것은 파이어 폭스하지만 크롬과 IE에서 완벽 라디오 버튼이 표시되지 않는 HTML에에? 왜 그렇게?

+0

나는 어쩌면 복사하지 않은 경우/말해 제대로 코드를 붙여 넣습니다,하지만 TD 제대로 closted되지 수 없으며 설치해야 margin margin-left – Geoff

+0

복사본 붙여 넣기 오타 - – dhaval

답변

7

그건 - 0 픽셀 인 -가없는있다.

당신은 당신이 당신을 둘 필요가

input.myradio { 
    border:none; 
    width:auto; 
    height:auto; 
} 
+0

예 thts 작동 , 나는 그것이 포괄적이고 입력 [ 'text']이 잘 작동하지 않았기 때문에 generic select의 규칙을 무시하고 싶었습니다. 많은 사람들이 – dhaval

+0

입력 [ 'text']이 유효한 CSS 선택 도구가 아니라고 생각합니다. [type = text] 입력이 될 'attribute selector'를 사용하기는하지만 IE6에서는 작동하지 않으므로 IE6을 지원할지 여부를 결정하는 것은 사용자의 몫입니다. – iblamefish

1

왜 너비와 높이가 0 %로 지정되어 있습니까? IE와 Chrome이 0 픽셀 크기이기 때문에 라디오 버튼을 표시하지 않는 이유가 여기에 있습니다.

3

내 생각에 input.myradio 클래스의 "width : 0 %; height : 0 %"입니다. 폭과 높이가 필요합니다.

이 시도 : 당신이 0 % 높이로 라디오 버튼을 말한 때문에

input.myradio {border:none;width:1em;height:1em;} 
+0

라디오에 적합하지 않고 % 또는 em 또는 px에서 수동 너비를 제공하는 일반 선택 규칙보다 우선합니다. 이유는 모르겠지만 자동 작동 – dhaval

+0

예, 자동이 더 정확합니다. – jlarson

-2

(A 스타일 시트에서 다른 곳보다 특정 규칙이 아니라면)으로 재설정되는 '자동'으로 높이와 너비를 말하는하여이를 대체 할 수 있습니다 <form> 태그 내에서 라디오 버튼은 그들이 크롬과 IE에 나타납니다 :

<form><input type="radio" /></form> 
+0

Doesn 크롬에서 작동하지 않습니다. 해결책이 아닙니다. – Alex2php