html - 根据值更改输入的样式

Question

我有一些按钮，我想改变它们的样式，它们每个都有不同的值。他们都没有分配给他们任何类或 ID。有什么方法可以根据按钮的值更改按钮的样式吗？

    <input type="button" value="Subscribe">

是我要编辑的内容。做我上面描述的最好的方法是什么？如果您对这个问题有任何疑问，请随时提问。

编辑:如果我也想替换旧样式怎么办？

Answer 1

您可以使用 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 覆盖它们，但这可能会导致以后出现问题，所以除非绝对必要，否则不要这样做.