3
私はクロムで完璧に動作するラジオボタンのためのこのhtmlコードを持っていますが、ファイアーフォックスのラジオボタンのCSSは動作していません。何が問題なの？それは私が持っているコードです、何かが紛失していますか？FirefoxはラジオボタンのCSSをロードしていません
input[type='radio'] {
border-radius:50%;
outline:none;
}
input[type='radio']:before {
content:'';
display:block;
width:50%;
height:50%;
margin: 25% auto;
border-radius:50%;
}
input[type='radio']:checked:before {
background-color: #0496fd;
}
.bob-bound
{
padding-bottom:0.2px;
\t padding-right:10px;
\t margin:auto;
\t border: solid 0px blue;
\t height: 110px;
\t position:relative;
\t background-color: #f5f5f5;
}
.bob-bound-type-lable{
\t position: absolute;
\t margin-top:20px;
\t margin-left:30px;
\t border: solid 0px red;
\t width: 239px;
height: 18px;
font-family: HelveticaNeue-Light, Arial;
font-size: 16px;
color: #000000;
}
.bob-button {
width: 250px;
height: 46px;
vertical-align:right;
background-color: #ffffff ;
border: solid 1px #bfbfbf;
padding-left:5px;
font-family: ArialMT, Arial, sans-serif;
font-size: 15px;
margin-left:12px;
cursor:pointer;
}
.bob-button:hover {
\t background-color: #f3f8fd;
}
.bob-recommendation-button
{
position:absolute;
\t right:0px;
\t width: 292px;
\t top:49px; \t
\t border: solid 0px red;
}
.bob-Inbound{
position:absolute;
top:6px;
margin-left:8px;
width: 112px;
height: 17px;
font-family: ArialMT, Arial, sans-serif;
font-weight:bold;
font-size: 16px;
border: solid 0px red;
}
.bob-Outbound {
\t position:absolute;
\t top:6px;
\t margin-left:12px;
width: 239px;
height: 17px;
font-family: ArialMT, Arial, sans-serif;
font-weight:bold;
font-size: 16px;
border: solid 0px red;
margin-bottom:20px;
}
.bob-bound-type{
\t position: absolute;
\t width:437px;
\t margin-top:56px;
\t font-size: 14px;
\t margin-left:27px;
\t border: solid 0px red;
}
.bob-radio{
background:green;
width: 24px;
height: 24px;
background-color: #ffffff;
border: solid 1px #bbbbbb;
}
.bob-second-radio{
\t margin-left:120px;
}<div class="bob-bound">
<div class="bob-bound-type-lable">
Contact Type
</div>
<div class="bob-bound-type">
<input type="radio" name="radiogroup" id="Inbound" class="bob-radio" value="Inbound" checked="checked"/>
<label for="Inbound" class="bob-Inbound">Inbound</label>
<input type="radio" name="radiogroup" id="Outbound" class="bob-radio bob-second-radio" value="Outbound"/>
<label for="Outbound" class="bob-Outbound">Outbound</label>
</div>
</div>これは、その表示になって仕方あり：
入力要素は疑似要素をサポートしていません：http://stackoverflow.com/questions/3538506/which-elements-support-the-before-and-after-pseudo-elements – twxia