使用CSS

Question

我有一些输入元素想要隐藏大约50个。这是我用来隐藏其中1个代码的代码，但是如何实现它来隐藏诸如11-60的值呢？

input[value="11"] {
     visibility: hidden;
}

Answer 1

已编辑

对于您想要的东西，最好使用诸如 Sass 或 Less 之类的任何预处理程序来结束您的痛苦。例如。

$selector: 'input';
@for $i from 1 to 10 {
    $selector: $selector + '[value=' + $i + ']';
}

#{$selector} {
    // style
}

在纯 css 中，您必须定义其中的每一个。像这样的东西。

.input[value=10],
.input[value=11],
.input[value=12]
...
.input[value=60] {
    // style
}

但是要深入研究，还有一个:in-range伪类。

您可以用于<input type=number>

例如：

.css

input:in-range {
  border: 2px solid yellow;
}

.html

<input type="number" min="5" max="10" value="7">