Question

我正在寻找一种方法来使一些CSS仅适用于样式表外的输入具有特定值。

在下面的示例中，如果下面的输入值为“4625585”，我只想运行CSS。

它来自提交按钮发送输入值的表单（以及其他内容）。

当我只能访问CSS而不是表单的HTML代码时，这是否可能。

亲切的，Rasmus

-

这是CSS

<style type="text/css">
    .wForm {
        font-family: sans-serif;
    }      
</style>

<input value="4625585">

-

这是HTML：

<form>
    <div id="tfa_6" class="wForm">
        <input type="text" placeholder="Name">
    </div>

    <div class="actions">
        <input type="submit" value="Submit">
    </div>

    <input value="4626442">
</form>

Answer 1

您只能将CSS应用于跟随已验证元素的兄弟。因此，我将带有input的{{1}}元素移到了表单的顶部。

如果您无权访问HTML，则需要使用javascript。

value 4625585

input[value="4625585"] ~ .wForm {
  background: red;
}

Answer 2

该问题在已删除的威胁中得到评论和回答。这个简短的回答是“不，它不能完成＆＃34;。

带有CSS的样式表之外的选择器

2 个答案: