单选按钮未显示在safari和chrome中

Question

我是html和css的有限知识.请原谅这是一个愚蠢的问题.我尝试过不同的方法,但无法解决这个问题.

在页面底部,有一个单选按钮说"首选联系方式".

<input type="radio" name="preferredcontact" value="P"> Phone
<input type="radio" name="preferredcontact" value="E"> Email

单选按钮在Firefox中显示,甚至在IE上显示.但他们没有在Chrome和Safari中展示.这对我来说很奇怪.我认为CSS存在一些冲突.

Answer 1

当我检查你的代码,我可以看到你有一个风格-webkit-appearance: none;被指定input, textarea, button在realsite.css

CSS如下

input, textarea, button {
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    resize: none;
}

要使单选按钮可见,请-webkit-appearance: none;从CSS中删除或添加如下样式

input[type="radio"]{
    -webkit-appearance: radio;
}

这是一个截图