Question

我有一些按钮，我希望改变它们的样式，它们每个都有不同的值。他们都没有分配任何类或ID。有没有办法根据它们的值改变按钮的样式？

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

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

编辑：如果我也希望更换旧样式怎么办？

Answer 1

您可以使用CSS选择器按其属性选择它们。在这种情况下：

input[value="Subscribe"] {
  /* Styles Go Here */
}

如果没有其他按钮具有相同的值属性，

将允许您将样式应用于该按钮。

编辑：你问过它会覆盖现有的样式。答案是＆＃34;它取决于。＆＃34;

如果这些规则与其他按钮规则位于同一位置（例如，此按钮的规则与其他按钮规则位于同一外部样式表中，或者位于相同的嵌入式样式表中），那么它将会遵循CSS中的优先顺序：http://www.alternategateways.com/tutorials/css/css-101/part-four-the-css-order-of-precedence。属性的CSS选择器仅按ID推迟选择器。

当然，你总是可以内联这些规则，或者如果必须，可以使用!important来覆盖它们，但这可能会导致以后的问题，所以除非你绝对必须这样做，否则不要这样做。< / p>

根据值更改输入的样式

1 个答案: