スタイリングチェックボックスとラジオボタン

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の動作を証明するために）何かきれいに？