造型复选框和单选按钮

<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 />

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

来源

2011-08-12 Dmitry Makovetskiyd

这可以帮助http://stackoverflow.com/questions/2460501/how-to-change-checkboxs-border-style-in-css。 “他是浏览器往往不会让你风格的那些优秀的表单元素之一” – IceN

似乎这个问题与jQuery无关。浏览器将不允许在这些元素上进行css自定义。

检查there。

来源

2011-08-12 11:48:41 TonioElGringo

您的JavaScript是给所有输入元素在一个窗体3像素红色边框。你没有表格，所以它不会做任何事情。

你可以用css代替这一切。如果你坚持在你的脑袋下面，它应该工作：

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

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

来源

2011-08-12 11:51:33 PhilJ

你对他的jQuery选择器非常正确，但不幸的是广播和复选框，输入不能被样式化：[JS Fiddle演示] （http://jsfiddle.net/davidThomas/6c6W5/）。 –

你可以做什么（但没有普遍支持或完全相同的边界）是使用轮廓，而不是边界 – PhilJ

他们都在一个表格 –

造型复选框和单选按钮

回答

相关问题