我正在尝试使用以下方式设置复选框的样式:
<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />Run Code Online (Sandbox Code Playgroud)
但风格并未适用.该复选框仍显示其默认样式.我如何给它指定的样式?
我希望这个:
<asp:CheckBox ID="CheckBox1" runat="server" CssClass="myClass" />
<asp:RadioButton ID="RadioButton1" runat="server" CssClass="myClass" />
<asp:TextBox ID="TextBox1" runat="server" CssClass="myClass" />
Run Code Online (Sandbox Code Playgroud)
...这样渲染(为简单起见,删除了一些属性):
<input id="CheckBox1" type="checkbox" class="myClass" />
<input id="RadioButton1" type="radio" class="myClass" />
<input id="TextBox1" type="text" class="myClass" />
Run Code Online (Sandbox Code Playgroud)
...实际上,RadioButton并且CheckBox用一个span标签包装并在那里应用CSS类.
<span class="myClass"><input id="CheckBox1" type="checkbox" /></span>
<span class="myClass"><input id="RadioButton1" type="radio" /></span>
<input type="text" id="TextBox1" class="myClass" />
Run Code Online (Sandbox Code Playgroud)
这有什么理由,是否有办法避免它?它使jQuery选择器变得丑陋,因为你无法捕获所有这些:
$("input.myClass")
Run Code Online (Sandbox Code Playgroud)
当然,它只是:
$("input.myClass, span.myClass input")
Run Code Online (Sandbox Code Playgroud)
......但那很难看.我可以编写自己的选择器,但同样不如它应该优雅.
您好朋友我想要做的就是更改复选框的背景颜色.我累了很多东西,但没有任何作用.有人可以帮忙吗?
input[type="checkbox"] {
background: #3d404e;
border: #7f83a2 1px solid;
}
Run Code Online (Sandbox Code Playgroud) 我想更改边框颜色和方块的背景以及复选标记的颜色,而不是文本.为了更好地理解,我想要完成的是以下示例:
checkBox1.Checked = false
checkBox1.Checked = true
非常感谢大家的回应!