更改单选按钮的背景颜色 [英] Change Background-Color of a Radio Button

问题描述

是否可以像在 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.

这篇关于更改单选按钮的背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！