Chrome＆amp;歌剧收音机盒子阴影是方形的 - 任何解决方法？

Question

Chrome和Opera在无线电输入的样式上都存在错误，因此阴影出现在方框内，而不是原生元素。

火狐：

Chrome＆amp;歌剧：

有没有人知道这方面的解决方法，而不仅仅是删除chrome＆amp;的阴影。歌剧？

Answer 1

将无线电元素包装在div中，并将div的溢出设置为隐藏，并将border-radius设置为100px。然后将无线电输入设置为显示块，没有边距。

<div class="radio_contain">
    <input type="radio" id="r1" name="r1">
</div>



.radio_contain {
  display: inline-block;
  border-radius: 100px;
  overflow: hidden;
  padding: 0;
}
.radio_contain input[type="radio"] {
  display: block;
  margin: 0;
}