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

时间:2017-09-22 09:05:27

标签: html css css3

当输入不是焦点时,我需要为输入边框底部着色。这是我的HTML代码:

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

这是我的css代码:

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

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

6 个答案:

答案 0 :(得分:3)

示例中的边框为红色:

&#13;
&#13;
.numero {
  border-bottom: 1px solid #F00;
}
&#13;
<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />
&#13;
&#13;
&#13;

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

现在,为了在聚焦时删除它:

&#13;
&#13;
.numero:not(:focus) {
  border-bottom: 1px solid #F00;
}
&#13;
<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />
&#13;
&#13;
&#13;

我们使用:not()功能与:focus一起检查问题中的元素是否未集中

答案 1 :(得分:0)

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

答案 2 :(得分:0)

使用此代码

>>print(ququ.index) 
Index(['Store 2', 'Store 1', 'Store 3'], dtype='object')
>>print(ququ.index[1])
Store 1
>>print(ququ[1])
232.875
>>print(ququ[1:2])
Store 1    232.875

Working Fiddle

答案 3 :(得分:0)

添加一些边框样式:

[self.navigationController.navigationBar setTranslucent:NO];
self.navigationController.navigationBar.backgroundColor = [UIColor colorWithWhite:1 alpha:0.5];

答案 4 :(得分:0)

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

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

如果你想要另一种颜色你可以喜欢这个

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

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

答案 5 :(得分:0)

&#13;
&#13;
.numero {
  border-bottom: 2px solid cyan;
}
&#13;
<input type="number" id="nc" name="days" class="numero" placeholder="" min="0"><br />
&#13;
&#13;
&#13;

任何查询请评论。一切顺利