Bug 65843 – Can't apply border style to radio buttons

• Status: NEW
• Component: CSS

[Zhang Youfu]

It seems that radio buttons are not rendered by Webkit, causing some css style can't be applied to them.

For Example:
<input type="radio" style="border: 1px #A7C0D7 none;"></input>
Such a radio button can't be rendered in Webkit, but rendered properly in IE.

If the radio button doesn't have css style, then IE will simply use the radio button provided by operating system.
But if it has, then IE will draw it by hand.
Maybe the same scheme could be applied to Webkit.

I havn't test it under linux or mac. If I am wrong, please notify me.

Best wishes

[Alexey Proskuryakov]

See also: bug 13834.

Re-titling for the specific issue reported here.

[Shane Stephens]

I can't find any specification that indicates that border properties should be able to apply to radio buttons in this fashion. Are you sure the IE behaviour is not a non-standard extension?

[Zhang Youfu]

Well, I have made two mistakes.

The first is that border style for radio buttons is a non-standard extension.
According to this page:
http://www.456bereastreet.com/lab/styling-form-controls-revisited/radio-button/
IE and Opera rendered it properly, while Firefox and Webkit failed.

The second is that I gave a wrong example. It shouldn't be
<input type="radio" style="border: 1px #A7C0D7 none;"></input>
but something like
<input type="radio" style="border: 1px #A7C0D7 solid;"></input>

LOL