更改单选按钮的背景颜色

2022-01-21 00:00:00 radio-button css background-color

是否可以像在 IE 中一样更改 Firefox/Chrome 中单选按钮输入的背景颜色?(不使用图片)

Is it possible to change the background color of a radio button input in Firefox/Chrome like in IE? (Without using images)

在 IE(<9) 和 Firefox/Chrome 中运行:

Run this in both IE(<9) and Firefox/Chrome:

input[type="radio"] {
  background: red;
}

<input type="radio" /> RadioButton

查看JSFiddle

推荐答案

简短的回答是不".

即使您确实设法获得了在一个浏览器中运行的东西,浏览器对表单控件的处理方式也往往截然不同,这意味着几乎不可能实现跨浏览器兼容性.

Even if you do manage to get something that works in one browser, browsers tend to handle form controls very differently, meaning it's nigh impossible to achieve cross-browser compatibility.

令人失望,我知道.查看这篇文章了解更多信息:http://www.456bereastreet.com/archive/200409/style_form_controls/

Disappointing, I know. Check out this article for more info: http://www.456bereastreet.com/archive/200409/styling_form_controls/

顺便问一下,为什么要更改背景颜色?通常,单选按钮背景只会选取其容器的背景颜色.

Just by the way, why do you want to change the background color? Generally a radio button background will just pick up the background color of its container.

相关文章