想设置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