라디오 버튼은 IE와 Chrome에서 사라집니다

StackOverflow https://stackoverflow.com/questions/1008725

문제

아래는 스타일 시트입니다

 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%;}

아래는 HTML에 있습니다

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

Firefox에서는 완벽하지만 Chrome과 IE는 라디오 버튼을 표시하지 않습니까? 왜 그렇게?

도움이 되었습니까?

해결책

라디오 버튼이 키가 0%라고 말했기 때문입니다. 0px입니다.

높이와 너비를 '자동'으로 지시하여이를 재설정하여 재설정 할 수 있습니다 (스타일 시트의 다른 곳에 더 구체적인 규칙이없는 한).

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

다른 팁

내 생각에 입력 .myradio 클래스의 "너비 : 0%; 높이 : 0%"입니다. 너비와 높이가 필요합니다.

이 시도:

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

왜 높이와 너비가 0%에 지정 되었습니까? IE와 Chrome이 라디오 버튼을 보여주지 않는 이유는 0 픽셀 크기가 있기 때문에 S가 무선 버튼을 표시하지 않는 이유라고 생각합니다.

라디오 버튼을 안에 넣어야합니다 <form> 태그는 Chrome 및 IE에 나타납니다.

<form><input type="radio" /></form>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top