删除下划线边框实体化输入文本

它与border-bottom: none一起工作，但是当我写东西的时候边框会再次出现。我想让绿线消失（当我在输入中写入时，图像显示页面）。

任何想法？

2017-06-06 Mr Lord

尝试广告ding：input：focus {border-bottom：0px;} and input：active {border-bottom：0px;} – AlphaMale

我试过了，它仍然不能正常工作 –

在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; 
}

这是代码：

这是结果：

来源

2017-06-06 11:29:56

它在我的项目中工作。分享你的代码。 –

It; s working，谢谢 –

好，很高兴我能帮到.. :) –

你看到的就是外形无border.For修复它使用outline: none;

例如：

input[type="text"] { 
 
    border-bottom: none; 
 
    outline: none; 
 
}

<input type="text" name="">

来源

2017-06-06 10:50:51 Ehsan

这不起作用 –

你能分享你的代码吗？ – Ehsan

这是物质化的东西，代码不会帮助 –

删除下划线边框实体化输入文本

回答

相关问题