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。

Answer 2

你的javascript正在为表单内的所有输入元素提供一个3像素的红色边框。你没有表格所以它不会做任何事情。

你可以用css完成所有这些。如果你坚持下面的想法，它应该工作：

<style type="text/css">
input { border: 3px solid red; }
</style>

正如TonioElGringo说的那样，看起来它无论如何都不会做任何事情，但我猜你是把一个边界作为一个占位符（以证明javascript有效）的东西更漂亮？

样式复选框和radiobuttons

2 个答案: