如何在css或javascript中为一个id分配一个类？

Question

现在，我制作的每个文本框都是这样的：

<input type="text" class="disableHotkeys">

在其他地方，我有代码可以在关注类“disableHotkeys”的元素时禁用热键，并在所有元素都模糊时启用。

这一切都运行正常，但我宁愿输入元素默认为“disableHotkeys”类，以清理代码，并且重复性较低。

我想要的是这样的：

default.css:

//don't use this code
input
{  include .disableHotkeys;  }

有没有办法在css中这样做？

如果没有，我想有一种方法可以在页面加载后用JQuery将类添加到所有内容中，但是在开发人员通常会看到的地方之外设置类似乎是不好的形式（html / php文件，以及也许是css）。

P.S。如果你有更好的头衔，我们将不胜感激

Answer 1

如果要为DOM ready上的所有文本输入添加一个类：

$(document).ready(function(){

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

});

这是一个demo小提琴。

Answer 2

不幸的是，仅使用CSS，您无法做到。你需要使用JS。我给你一个jQuery示例 -

$(document).ready(function(){
    $('input').addClass('disableHotkeys');
});

或

$(document).ready(function(){
    $('input').each(function(){
        $(this).addClass('disableHotkeys');
    });
});

如果你需要为所有输入添加类，那么为什么不把disableHotkeys类代码输入？