单选按钮样式不起作用

Question

单选按钮样式在mozilla中不起作用。在IE中它可以工作

HTML

<input type="radio" name="rate[]" value="<?php echo $i; ?>" class="radio" >

CSS

.radio {
    width: 9px;
    height: 5px;
    border: #FF0000 1px solid;
}

Answer 1

单选按钮的样式取决于用户操作系统。

请参阅此网站http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/

Answer 2

浏览器使用内置的操作系统控件渲染一些控件，并且您无法控制它们，它们的外观会根据用户的操作系统主题而改变，而单选按钮就是其中之一。