如何更改firefox的单选按钮边框颜色？

Question

我在使用firefox中的单选按钮更改边框颜色时遇到了一些问题。

HTML

<input type="radio" name="myRadio" value="1" /> 1 <br />
<input type="radio" name="myRadio" value="2" /> 2 <br />
<input type="radio" name="myRadio" value="3" /> 3 <br />

CSS

input[type='radio'] {
   -moz-appearance: none;
   box-shadow:0px 0px 5px 0px #ccc insert;
   width:20px;
   height:20px
}

Fiddle here

我想从单选按钮中删除突出显示的左上角黑色边框。是否有任何解决方案仅使用CSS

删除该边框

Answer 1

您可以在其周围添加标签并设置样式。

这是一些带有一些例子的链接

https://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953