2016-11-25 111 views
0

我正面临一个问题。我有四个单选按钮,但我用复选框更改了它的外观。他们实际上是单选按钮,但看起来像复选框。问题出在谷歌浏览器中。但在Firefox中正确工作 任何人都可以帮助我。这里是我的代码: -如何删除复选框中的行?

input[type="radio"].custom-radio { 
 
    -webkit-appearance: checkbox; 
 
    -moz-appearance: checkbox; 
 
    -ms-appearance: checkbox;  /* not currently supported */ 
 
    -o-appearance: checkbox;  /* not currently supported */ 
 
}
<span class="text_part_class-2"> 
 
<span class="radio secondpart"> 
 
<input type="radio" value="Business for Sale" class="custom-radio" name="lastservice"> 
 
</span>
enter image description here

如何从单选按钮删除线,但看起来像复选框。在此先感谢

+4

[CHROME HTML无线电复选框显示减号(可能的重复http://stackoverflow.com/questions/27437414/chrome-html -radio-to-checkbox-showing-minus-sign) –

回答

0

试试这个:

input[type="radio"].custom-radio { 
-webkit-appearance: radio; 
-moz-appearance: radio; 
-ms-appearance: radio;  /* not currently supported */ 
-o-appearance: radio;  /* not currently supported */ 

}

+0

我想单选按钮看起来像复选框你的CSS改变我的复选框到收音机请提供更好的解决方案 – kunal

+0

在这个链接,你可以找到其他的解决方案:http:// stackoverflow。 com/questions/279421/can-you-style-an-html-radio-button-like-look-like-a-checkbox – NMenam

+0

根本不工作 – kunal