IE7ではラジオボタンが正しく表示されますが、Firefoxでは問題ありませんか？

Question

ie8とfirefoxで正常に動作するサイトのセットアップがありますが、ここで見ることができます：

これはいくつかのcssまたはpng透明度の問題ですか？または、これはIE7の単なるものです。

事前に感謝します：）

Answer 1

同様の問題を抱えている人にとっては、これを回避する方法は

background-image: none;

ラジオボタンのcssに:)役に立てば幸いです。

Answer 2

これがあなたが経験している現象であるかどうかはわかりませんが、そのように強く見えます：

ラジオボタンは<！> lt; input <！> gt;です。他のタグ。すべての入力タグに適用される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がまだ使用されている限り、インターネットが早すぎる）。

Answer 3

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属性を持たないことで解決しました。 ：

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

それはラジオボタンを癒すように見えました！テキストはO Kでしたが、小さな「ボタン」には20x20pxの領域があり、それは何であれ白でした。背景が白以外になるまでは問題ありません！

お役に立てばと思います！