Botões de rádio são exibidos incorretamente no IE7, mas ok no Firefox?

Question

Eu tenho uma configuração site que está funcionando bem no IE8 e Firefox, mas como você pode ver aqui:

Este é um problema com alguns css ou uma transparência PNG? Ou isso é apenas algo com o IE7.

Agradecemos antecipadamente:)

Answer 1

Para qualquer pessoa com um problema semelhante, a maneira de contornar isso era para adicionar um

background-image: none;

Para o CSS para os botões de rádio :) Espero que ajude.

Answer 2

Eu não tenho certeza se este é o fenômeno que está ocorrendo, mas parece fortemente que maneira, assim:

Os botões de rádio são tags como qualquer outro. Se você tem uma regra CSS que se aplica a todas as tags de entrada, eles vão disparar para os botões de rádio (e botões e caixas de seleção, et cetera enviar) junto com campos de texto de entrada. IE é particularmente notório sobre este, ironicamente.

O que eu tendem a fazer é usar o seguinte tipo de HTML trechos:

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

E, em seguida, definir minhas regras CSS como este:

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

Enquanto isso não utilizar seletores de fantasia como se poderia discutir se deve, ele faz para excelente compatibilidade com navegadores antigos, especialmente IE6 (que, enquanto o Windows 2000 ainda está em uso, provavelmente não vai desaparecer de a internet muito em breve).

Answer 3

Eu tenho IE 9 e tinha fundos quadrados brancos no meu asp RadioButtonList mostrado abaixo:

<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>

Esta multa olhou no Chrome, Firefox etc. Isto foi resolvido por não ter um atributo CssClass no controle RadioButtonList HTML, lembre-se este é apresentado como uma entrada como um tipo = rádio, e depois adicionar esta a minha folha de estilo CSS mundial :

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

Isso pareceu curar os botões de rádio! O texto foi O K - mas o 'botão' pouco tinha cerca de uma área 20x20px que era branca, não importa o quê. Isso é bom até que o fundo é algo diferente do branco!

Espero que ajude!