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...

Answer 3

你试过$(":button")吗？

Answer 4

如果没有javascript，你无法在IE6中自动完成。以下是使用jQuery

的方法

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

Answer 5

我不会使用jQuery，除非你在其他地方需要它，因为为这样一个简单的任务加载一个库或框架似乎有点过分。

I.E.6不了解CSS属性选择器，正确，看起来像Javascript是唯一的方法。

也许您可以使用此代码：

Buttons=Parent.getElementsByTagName("input"); // "Parent" could be "document" or the Id. of a form, fieldset, div etc.
Button=0;
while(Button<Buttons.length){
    if(Buttons[Button].getAttribute("type")=="button"){
        Buttons[Button].className="Whatever_Style_We_Want";
    }
    Button++;
};

我没有尝试或测试过，但是片段是可以玩的。它甚至可以开箱即用！

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

5 个答案: