我们正在开发一个遗留应用程序,并想让它焕然一新。我们的Web应用程序中的近200个JSP页面中分散有许多<input type="button" />
,<input type="submit" />
,<input type="reset" />
等。他们都没有设置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”实际上并不有效“)
答案 0 :(得分:2)
您可以使用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规格