<分区>
标签 javascript jquery html css jsp
我们正在处理遗留应用程序,并希望给它一个新的外观。有很多<input type="button" />
, <input type="submit" />
, <input type="reset" />
等分散在我们 Web 应用程序中的近 200 个 JSP 页面中。他们都没有 class="something"
已设置值。
我们发现了一个有趣的 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”实际上无效)
最佳答案
您可以使用 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 规范
关于javascript - 将新 CSS 类应用于遗留数据的最佳实践,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25981128/