如何设置所有表单元素的样式

Question

如何样式化网页的所有表单元素(包括复选框、单选按钮、文件等)

如果我需要使用jQuery插件，那么哪个是最好的？

Answer 1

像这样的东西(css)？

form input {
  //your style rules here
}

如果您确实需要动态执行此操作，也可以使用jQuery执行以下操作：

$('form input').css({ 'color' : 'red' });

或者：

$('form input').addClass('my-input');

css:

input.my-input {
  // style rules here.
}

Answer 2

$("form > *")
.css( { prop1: value1, prop2:value2 } );
// here propXXX= any css property like color/margin and valueXXX= any reasonable value for the property

Answer 3

你可以使用jquery的.css() ..

$('#formId input').css({ 'color' : 'red' });