input type =radio标签在谷歌浏览器和安卓手机浏览器里不显示跪求解决方案

[java-菜鸟-大斌]

在火狐浏览器中和Ie浏览器、ios手机中显示都可以正常显示小圆圈点击在谷歌浏览器和安卓手机浏览器不能正常显示
<b>联系方式:</b>
<input name="address" type="radio" checked="checked" value="0" onclick="showGaojiOption()">使用默认
<input name="address" type="radio" value="1" onclick="showGaojiOption()">添加新联系方式
js
function showGaojiOption() {
var gaoji = document.getElementById("NewAddress");
var province = document.getElementsByName("address");//省份
var a;
var provinceValue;
for(a=0; a<province.length; a++){//遍历单选框
if(province[a].checked){
provinceValue = province[a].value;
}
}
if (provinceValue == 1) {
gaoji.style.display = "block";
} else {
gaoji.style.display = "none";
}
};

[街头小贩]

把你有问题的部分放到一个新页面中试试！如果没有问题哪证明是其它代码导致

[java-菜鸟-大斌]

这在哪定义呢？我在新页面写这个都有的嘛！加到我那个页面里面就不显示，就谷歌和手机浏览器显示不了那个圆圈圈

[java-菜鸟-大斌]

拿到其它页面可以正常显示，如果说其它代码有问题Ie和火狐浏览器也不显示才对啊！！！！

[浪子回头8]

估计你去掉了所有input的默认样式吧？只定义这些即可 input[type="button"],input[type="submit"],input[type="reset"] { -webkit-appearance:none; appearance:none; outline:none;}

[zero00123456]

我也有这个问题，请问如何解决

[沐水淋风]

目前我也遇到了这个问题，在PC谷歌可以正常显示单选按钮，却在手机浏览器是无法显示单选按键，在IE中也无法显示。 我想，可能是父容器display=flex开启了弹性盒子的原因吧。 以下是有问题的代码 .input-box { width: 100%; height: 45px; background: #FFFFFF; display: flex; align-items: center; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; } 以下是修正之后能在PC端（谷歌、IE、火狐）能正常显示，在安卓端也能正常显示 .input-box-radio { width: 100%; height: 40px; line-height: 40px; padding-left: 8px; padding-right: 8px; }