Safari和Chrome中未显示单选按钮 [英] Radio button is not showing in safari and chrome

问题描述

我对html和CSS的了解有限.如果这是一个愚蠢的问题，请原谅.我尝试了不同的方法，但无法解决此问题.

I am a limited knowledge in html and css. Please excuse if it is a silly question. I have tried in different ways, but could not solve this issue.

http://teddyslist.com/dev/register.php

At the bottom of the page, there is a radio button saying "Preferred mode of contact".

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

Radio buttons are showing in Firefox and even on IE. But they are not showing in Chrome and Safari. It is very strange to me. I think there is some conflict in CSS.

解决方案

When I inspected your code, I could see that you have a style -webkit-appearance: none; that is specified for input, textarea, button in realsite.css

The CSS is as follows

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

To make the radio buttons visible, either remove -webkit-appearance: none; from the CSS OR add a style as below

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

Here is a screenshot

这篇关于Safari和Chrome中未显示单选按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！