将新CSS类应用于传统数据的最佳做法

我们正在研究传统应用程序，并希望让它焕然一新。有很多<input type="button" />,<input type="submit" />,<input type="reset" />等分布在我们的Web应用程序的将近200个JSP页面中。它们中没有一个已经设置了class="something"值。将新CSS类应用于传统数据的最佳做法

我们发现了一个有趣的CSS，其中包含一个新的类定义，它将按照我们想要的方式设置上述输入类型。我想将这些类定义应用到任何地方，但是我不得不去每个<input>并将class="some_class"添加到每个单独的元素，这似乎是错误的。

什么是最好的方式去做这件事？我可以使用jQuery并在头页的顶部添加包含脚本，以执行类似$('input[type="submit"]').addClass("some_class")的操作。这最大限度地减少了我需要修改的代码量，但这是最好的方法吗？我对CSS不够熟悉，知道是否可以使用选择器动态添加类 - 基于我的阅读，似乎不可能。

感谢

编辑：

我已经在我们的 'default.css' 已经尝试过这样的：

input[type="submit"], input[type="reset", input[type="button"]{ class : "someclass" }

但它不工作（我假设类：“someclass”实际上并不是有效的）

来源

2014-09-22 Bizmarck

你想要的风格所有的输入或只是特定的？ – Turnip 2014-09-22 18:50:14

你还没有注意到'input [type =“submit”]'是css？ [CSS属性选择器]（http://www.w3.org/TR/css3-selectors/#attribute-selectors）。 – 2014-09-22 18:51:03

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors – epascarello 2014-09-22 18:51:52

您可以使用css属性选择器

input[type='submit'],input[type='button'],input[type='reset']{ 
     your css styles 
}

https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

W3C规范

http://www.w3.org/TR/css3-selectors/#attribute-selectors

来源

2014-09-22 18:50:46

我明白这一点。请参阅我上面的编辑。这是'你的css风格'，我不明白。我可以在该代码块中设置新的样式吗？ – Bizmarck 2014-09-22 18:57:27

@YeeLikeKram是从其他课程复制你的风格，并把它放在块内 – 2014-09-22 18:58:25

好的。所以没有办法从CSS中的输入选择器中引用另一个类，然后。好的。或者使用jQuery。想想我现在得到它。 – Bizmarck 2014-09-22 19:01:07

将新CSS类应用于传统数据的最佳做法

回答

相关问题