网站开发技术

admin

管理员

利用css去掉 input 的边框

比如 

<input type='text' class='title' />

css

 #title { 
     border-left:0px;
     border-top:0px;
     border-right:0px;
     border-bottom:2px solid black ;
     border-radius:  0 ; 
     outline: 0; width: 95%
 }

原理是 边框是有 border组成的， 所以去掉 上左右， 剩下 下面一个框就可以。

实际上， 由于浏览器的默认样式， 会带些默认的额样式，去掉就ok了。

---

ipbbs.net