刪除下劃線邊框實體化輸入文本

它與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

這是物質化的東西，代碼不會幫助 –

刪除下劃線邊框實體化輸入文本

回答

相關問題