css输入无需关注或禁用

Question

我试图创建一个css规则来改变输入的背景颜色（如果需要），但是bot已禁用或焦点

我有这个，但它显然不起作用！

<input type="tel" class="form-control" placeholder="Phone" name="phone" value="" required>

和css：

input:not(disabled):not(focus):required {
    background-color: rgba(255,0,0,.10)
}

Answer 1

使用:作为伪选择器:disabled和:focus

input:required:not(:disabled):not(:focus)