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

Html 如何使用CSS为输入边框底部着色,html,css,Html,Css,当输入不是焦点时,我需要给输入边框底部上色。这是我的html代码: <input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br /> 但它不起作用。有人可以帮忙吗?在您的示例中,边框是红色的: .numero{ 边框底部:1px实心#F00; } 在您的示例中,边框是红色的: .numero{ 边框底部:1px实心#F00; } 使用此代码 input.nume

当输入不是焦点时,我需要给输入边框底部上色。这是我的html代码:

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

但它不起作用。有人可以帮忙吗?

在您的示例中,边框是红色的:

.numero{
边框底部:1px实心#F00;
}


在您的示例中,边框是红色的:

.numero{
边框底部:1px实心#F00;
}

使用此代码

input.numero {
 border-bottom-color:red;
}
使用此代码

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

添加一些边框样式:

.numero{
  border: 1px, solid;
  border-bottom-color: red;
}

添加一些边框样式:

.numero{
  border: 1px, solid;
  border-bottom-color: red;
}

您应该在css中定义边框厚度。 你可以这样写

.numero {
    border-bottom:1px solid red;
}
聚焦如果你想要另一种颜色,你可以像这样

.numero:focus {
    border-bottom:1px solid transparent;
}

您可以将透明的值更改为您喜欢的任何其他颜色。

您应该在css中定义边框厚度。 你可以这样写

.numero {
    border-bottom:1px solid red;
}
聚焦如果你想要另一种颜色,你可以像这样

.numero:focus {
    border-bottom:1px solid transparent;
}
您可以将透明的值更改为您喜欢的任何其他颜色。

.numero{
边框底部:2倍纯青色;
}

.numero{
边框底部:2倍纯青色;
}


为什么这里需要保证金?为什么这里需要保证金?