想設置input邊框不顯示,border:none; 和border:0; 都沒用怎么辦?


我寫了一個input,想讓input出現這種效果:讓input無邊框

 

 可是我的邊框就這樣設置為border:none;或者border:0;都沒效果。

 

 如圖所示

 

 

 

 

我就試了一下,加上

background-image:transparent;
border:0;

設置背景透明,邊框為0,結果就有效了

 

 成功:

 

PS:

         outline: none;          也可以讓input點擊之后邊框不顯示

 

outline(輪廓)是繪制於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。

outline簡寫屬性在一個聲明中設置所有的輪廓屬性。

可以設置的屬性分別是(按順序):outline-color, outline-style, outline-width

如果不設置其中的某個值,也不會出問題,比如 outline:solid #ff0000; 也是允許的。

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM