删除下划线边框实体化输入文本
我尝试使文本框(输入文本)的边框消失。删除下划线边框实体化输入文本
它与border-bottom: none
一起工作,但是当我写东西的时候边框会再次出现。我想让绿线消失(当我在输入中写入时,图像显示页面)。
任何想法?
在materialize.css
textarea:focus {
border-bottom: 1px solid #03a9f4;
-webkit-box-shadow: 0 1px 0 0 #03a9f4;
-moz-box-shadow: 0 1px 0 0 #03a9f4;
box-shadow: 0 1px 0 0 #03a9f4;
}
您可以用任何想要更改下划线的颜色代码代替。
textarea:focus {
border-bottom: 1px solid orange;
-webkit-box-shadow: 0 1px 0 0 orange;
-moz-box-shadow: 0 1px 0 0 orange;
box-shadow: 0 1px 0 0 orange;
}
或删除它:
textarea:focus {
border-bottom: none!important;
box-shadow: none!important;
}
这是代码:
这是结果:
它在我的项目中工作。分享你的代码。 –
It; s working,谢谢 –
好,很高兴我能帮到.. :) –
你看到的就是外形无border.For修复它使用
outline: none;
例如:
input[type="text"] {
border-bottom: none;
outline: none;
}
<input type="text" name="">
尝试广告ding:input:focus {border-bottom:0px;} and input:active {border-bottom:0px;} – AlphaMale
我试过了,它仍然不能正常工作 –