라디오 버튼은 IE7에서 잘못 표시되지만 Firefox에서는 괜찮습니까?

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

문제

IE8과 Firefox에서 잘 작동하는 사이트 설정이 있지만 여기에서 볼 수 있습니다.

alt text

이것은 일부 CSS 또는 PNG 투명성에 문제가 있습니까? 아니면 IE7이있는 것입니다.

미리 감사합니다 :)

도움이 되었습니까?

해결책 2

비슷한 문제가있는 사람에게는이 주위의 방법은 

background-image: none;

라디오 버튼의 CSS에 :) 도움이되기를 바랍니다.

다른 팁

이것이 당신이 겪고있는 현상인지 확실하지 않지만 그렇게 강하게 보입니다.

라디오 버튼이 있습니다u003Cinput> 다른 태그와 같은 태그. 모든 입력 태그에 적용되는 CSS 규칙이있는 경우 입력 텍스트 필드와 함께 라디오 버튼 (및 버튼 및 확인란을 제출)에 해고됩니다. IE는 특히 아이러니하게도 악명 높습니다.

내가하는 경향은 다음과 같은 종류의 HTML 스 니펫을 사용하는 것입니다.

<input type="radio" class="radio" ... />

그런 다음 다음과 같은 내 CSS 규칙을 정의하십시오.

input {
  // stuff for most input fields goes here, e.g.
  background-image:url(fancy.png);
}
input.radio {
  // reverting the rules I don't want applied, e.g.
  background-image:none;
}

그것은 하나가 말할 수 있다고 주장 할 수있는 것처럼 멋진 선택기를 활용하지는 않지만, 레거시 브라우저, 특히 IE6 (Windows 2000이 여전히 사용중인 한 인터넷에서 사라지지 않을 것입니다. 너무 빨리).

IE 9가 있고 아래에 표시된 ASP radiobuttonlist에 흰색 사각형 배경이있었습니다.

<asp:RadioButtonList ID="RadioListSearchScope" runat="server" TextAlign="Right" >
<asp:ListItem Text="Include Thread & Inquiry Keywords" selected="true" Value="0"></asp:ListItem>
<asp:ListItem Text="Include Thread & Inquiry Title Text" Value="1"></asp:ListItem>
<asp:ListItem Text="Include Inquiry & Response Body Text" Value="2"></asp:ListItem>
<asp:ListItem Text="Search All the Above" Value="3"></asp:ListItem>

이것은 Chrome, Firefox 등에서 괜찮아 보였습니다. 이것은 Radiobuttonlist HTML 컨트롤에 CSSCLASS 속성을 갖지 않음으로써 해결되었으며, 이것이 Type = Radio로 입력으로 렌더링 된 다음 내 글로벌 CSS 스타일 시트에 추가되었습니다.

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }
    input[type="radio"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

라디오 버튼을 치유하는 것처럼 보였습니다! 텍스트는 괜찮 았지만 작은 '버튼'에는 약 20x20px 영역이 있었는데 상관없이 흰색이었습니다. 배경이 흰색이 아닌 다른 것이기 전까지는 괜찮습니다!

도움이되기를 바랍니다!

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top