jquery - 样式复选框和单选按钮

Question

<script type="text/javascript">
    $("document").ready(function () {
        $("form :input").css("border", "3px solid red");
    });
</script>

    <input id="Checkbox1" type="checkbox" checked="checked"/>Widgets
    <input id="Checkbox2" type="checkbox" />Views    
    <input id="Checkbox3" type="checkbox" />Contents
    <input id="Checkbox4" type="checkbox" checked="checked" />Services

 Gender:<input id="Radiobox1" type="radio" />M<input id="F" type="radio" />F <br /> <br /> <br />

没有样式应用于复选框和单选按钮...为什么？

Answer 1

问题似乎与 jQuery 无关。浏览器不允许对此类元素进行 css 自定义。

检查 there .