我有一些按钮,我想改变它们的样式,它们每个都有不同的值。 他们都没有分配给他们任何类或 ID。有什么方法可以根据按钮的值更改按钮的样式吗?
<input type="button" value="Subscribe">
是我要编辑的内容。做我上面描述的最好的方法是什么? 如果您对这个问题有任何疑问,请随时提问。
编辑:如果我也想替换旧样式怎么办?
最佳答案
您可以使用 CSS 选择器按属性选择它们。在这种情况下:
input[value="Subscribe"] {
/* Styles Go Here */
}
将允许您仅将样式应用于一个按钮,前提是没有其他按钮具有相同的值属性。
编辑:您询问它是否会覆盖现有样式。答案是“视情况而定”。
如果这些规则与您的其他按钮规则位于同一位置(例如,此按钮的规则与其他按钮规则位于相同的外部样式表中,或位于相同的嵌入式样式表中),那么它将遵循以下顺序CSS 中的优先级:http://www.alternategateways.com/tutorials/css/css-101/part-four-the-css-order-of-precedence .按属性的 CSS 选择器仅延迟至按 ID 选择器。
当然,如果必须的话,您总是可以将这些规则内联或使用 !important
覆盖它们,但这可能会导致以后出现问题,所以除非绝对必要,否则不要这样做.
关于html - 根据值更改输入的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24790949/