如何将课程应用于所有按钮？

Question

在我的一个项目中,我习惯input[type="button"]将样式应用于所有按钮.它在除Internet Explorer 6之外的所有浏览器中都可以正常工作.它不会设置按钮的样式.

有没有解决方案,比如为按钮创建一些类并将其应用于所有按钮？

我想将该类应用于所有按钮,但不是手动.我认为可以使用jQuery,你能帮我解决这个问题吗？

Answer 1

$(":button").addClass("yourclassname");

这匹配按钮元素和类型按钮的输入元素,并为它们添加类.

Answer 2

我通常不喜欢使用JavaScript,所以我添加class="text"了<input>文本类型class="button"的<input>元素,对于按钮类型的元素,依此类推.然后我可以匹配他们input.text等.

虽然你不想手动完成,但我认为这是更好的做法.如果你仍然想用jQuery做,你可以这样做:

$('input:button').addClass('button');
// Or to include <button> elements:
$('button, input:button').addClass('button');

// Text inputs:
$('input:text').addClass('text');
// And so on...