html - 如何使用CSS为输入边框底部着色

当输入未聚焦时，我需要为输入边框底部着色。这是我的html代码：

<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />

这是我的CSS代码：

.numero {
    border-bottom-color: red;
}

但这是行不通的。有人可以帮忙吗？

最佳答案

在您的示例中，边框为红色：

.numero {
  border-bottom: 1px solid #F00;
}

<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />

只需使用简写来添加样式，大小和颜色即可。

现在，为了在聚焦时将其删除：

.numero:not(:focus) {
  border-bottom: 1px solid #F00;
}

<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />

我们将:not()功能与:focus一起使用，以检查所关注的元素是否未集中。

关于html - 如何使用CSS为输入边框底部着色，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46360881/