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

Question

嗨我有一个奇怪的问题突然我的收音机btns和选择框没有显示在chrome（即，firefox工作正常）Chrome曾经在我的网站上完美工作但突然间它刚刚停止显示rad btns和selectboxes

我已经梳理了这段代码，并将其调整了好几个小时，但是如果其他人可以查看第二个意见或许你会看到一些遗失的东西，那么就无法发现错误会非常感激

由于

 <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也可能会有所帮助。