0

こんにちは、カスタマイズ ラジオ ボタンを使用しようとしています。以下は私の CSS です。私は2つのブラウザIE9とGoogle ChromeのGoogle Chromeでそれをチェックしましたが、IE9ではラジオボタンの言及された画像が表示されません.IE9でも動作するように、次のCSSを修正する方法を教えてください

input[type="radio"] {
background:url('images/radio_Checked.jpg');
padding:0;
width:10px;
height:10px;
display: inline-block;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
vertical-align:middle;
}
input[type="radio"]:checked  {
background:url('images/radio_Unchecked_Small.jpg');

}

また、次のCSSを試してみましたが、Googleでのみ正常に動作します

input[type="radio"]:checked
{
 -khtml-appearance: none;
 background: url('images/radio_Checked.jpg');
 width: 10px;
 height: 10px;
 }
4

1 に答える 1

0

classまたは属性をラジオ ボタンに追加idし、CSS ファイルでスタイルを設定してみてください。

.styled
{

background: url('test.jpg');

}

#styled
{
background: url('test.jpg');
}

HTML:

<input type="radio" name="radio" class="styled">

<input type="radio" name="radio" id="styled">
于 2012-06-09T18:58:42.267 に答える