javascript - chrome 浏览器不显示单选按钮或选择框

Question

嗨，我突然遇到了一个奇怪的问题，我的 radio btns 和选择框没有在 chrome 中显示(即，firefox 工作正常)Chrome 曾经在我的网站上运行得很好，但突然就停止了显示 rad btns 和选择框

我已经梳理了这段代码并对其进行了数小时的调整，但就是找不到错误，如果其他人可以寻求第二意见，我将不胜感激，也许您会发现我遗漏了什么

谢谢

 <label class="green">
     <input type="radio" name="picks['.$x.']" value="'.$row['team1'].'" />
     <span>'.$team1.'</span>
     </label>
     <br />
     <br /> 
     <label class="yellow">
     <input type="radio" name="picks['.$x.']" value="'.$row['team2'].'"/>
     <span>'.$team2.'</span>
     </label>
     <br />
   <br />
    <label class="pink">
    <input type="radio" name="picks['.$x.']" value="draw">
    <span>Draw</span>
    </label>
    <br />';
    echo'<b>BY</b>';
        echo'<select name="score[$x]" id="score[$x]">';
            echo'<option value="0">0</option>';
            echo'<option value="1">1</option>';
            echo'<option value="2">2</option>';
            echo'<option value="3">3</option>';
            echo'<option value="4">4</option>';
            echo'<option value="5">5</option>';
            echo'</option>'; 

请让我知道是否需要添加其他内容

Answer 1

来自 here :

尝试将此添加到您的 CSS 文件中:

/* -- Radio Button Fix -- */
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
input[type="submit"], input[type="button"] { -webkit-appearance: button; }
select { -webkit-appearance:textfield; }

这previously answered question也可能有所帮助。