65843 2011-08-08 00:27:41 -0700 Can't apply border style to radio buttons 2011-11-23 19:25:08 -0800 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified All NEW P2 Enhancement --- 1 zhangyoufu webkit-unassigned shanestephens oldest_to_newest 447880 0 zhangyoufu 2011-08-08 00:27:41 -0700 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 448106 1 ap 2011-08-08 11:00:51 -0700 See also: bug 13834. Re-titling for the specific issue reported here. 449575 2 shanestephens 2011-08-10 20:54:49 -0700 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? 449595 3 zhangyoufu 2011-08-10 22:16:32 -0700 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