フォームIDを使用してフォーム内のすべてのテキストボックスにCSSを適用する方法

Question

jqueryフォームの検証を使用しており、Cssの各テキストボックスIDを指定せずにフォームのすべてのテキストボックスにカラーコードを適用する必要があります。代わりにフォームIDを使用して、フォーム内のすべてのテキストボックスにCSSを適用する方法。私には解決策があることを教えてください。事前に感謝します。

Answer 1

#formID input[type="text"]{ 
    Put your css here 
} 

Answer 2

... CSSで

#frm1>input[type="text"]{ 
 
    border:1px solid red; 
 
    width:100px; 
 
    margin:1%; 
 
    }

<form id="frm1"> 
 
    <input type="text" /> 
 
    <input type="text" /> 
 
    <input type="text" /> 
 
    <input type="text" /> 
 
    </form>

Answer 3

これを試してみてください、あなたはこれを行うことができます：

form input { 
// Your formatting comes here.. 
} 

またはあなたは、この特定のために適用する場合をid = "myForm"のフォーム：

#myForm input { 
// formatting comes here for example: color:red; 
} 

これに関する背景知識はCSSセレクタです。

Answer 4

テキストボックスであなたが<input type="text">と<textarea>要素を意味する場合は、単に以下を使用してそれらのスタイルを設定することができます

#formid input[type=text], 
#formid textarea { 
    /* CSS rules */ 
} 

注textが存在以外のタイプの<input>要素という。それらの詳細についてはhereをご覧ください。

Answer 5

jQuery APIの.children()関数を使用して、フォーム要素のCSSプロパティを設定できます。
例：jsFiddle

$('#FormID').children().css("property", "value");