如何为html控件指定默认类名

Question

我正在使用bootstrap.css（作为外部样式表）。通过我的应用程序，无论我在哪里使用按钮，我都希望在每个按钮上应用几个css类.btn, .btn-primary。

一种方法是在我的所有应用程序的html文件中的每个class="btn btn-primary"声明中添加<button>。我觉得这很乏味，而且效率低下。单调乏味，因为我必须为每个按钮声明执行此操作，并且效率低下，因为如果我必须应用/删除一个类，我将不得不为每个按钮声明执行此操作。

我猜测会有更聪明的方法来做到这一点。基本上，我想知道如何设置要应用于给定html控件的应用程序级别默认类名。

Answer 1

虽然还有其他方法，但没有更聪明的方法。一个是使用javascript或jquery，这里是jquery中的一个示例

$(document).ready(function(){

     $('button').addClass('btn btn-primary')
}

但如果你问我，我不会推荐它。直接将类添加到html是正确的方法。将来，当您或其他人查看代码时，您会对课程的来源感到困惑，除非所有内容都有详细记录

Answer 2

正如@geekman所建议的那样，将渲染逻辑添加到javascript中并不是一个好方法。所有这些逻辑必须是html和css的一部分。

你可以找到/替换

  <button

到

  <button class='btn btn-primary'

如果你想要做的就是将每个按钮添加到每个按钮，那么你可以轻松地从任何编辑器中获取

。

否则，您也可以使用“按钮”为所有按钮元素提供css。 element作为css文件中的选择器。您必须检查样式引导程序是否通过firebug提供按钮并将该css复制到“按钮”按钮上。选择。这可能是比JS更好的方法，因为下一个开发人员可以处理您的代码，并且可以将类添加到任何单个按钮，并且该类优先于您的按钮样式。