如何使用表单id将css应用于表单中的所有文本框

Question

我正在使用jquery表单验证，我需要为表单中的所有文本框应用颜色代码，而不指定Css中的每个文本框ID。而是如何使用表单id为表单中的所有文本框应用css。请告诉我有什么解决方法。谢谢。

Answer 1

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

Answer 2

在css中，你可以这样做：

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

或者如果您希望这个申请具有id =“myForm”的特定表单：

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

这方面的背景知识是CSS选择器。

Answer 3

如果您通过文本框表示<input type="text">和<textarea>元素，则只需使用以下内容对其进行样式设置：

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

  

请注意，<input>元素的类型不是text。详细了解here。

Answer 4

试试这个......

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 5

您可以使用jQuery api的.children()函数来设置表单元素的css属性。
例如：jsFiddle

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