input输入框美化
简介
在设置input的适合,你会觉得默认的input样式并不好看。那么该怎么优化呢?
默认的input
![](http://upload-images.jianshu.io/upload_images/13423234-e31771d421470438.png?imageMogr2/auto-orient/strip|imageView2/2/w/1200)
可以从上面看出,这个样式的确不好看。
优化input样式
设置 outline-style: none ; 取消外边框
![](http://upload-images.jianshu.io/upload_images/13423234-1a65a2f7545709d6.png?imageMogr2/auto-orient/strip|imageView2/2/w/1095)
可以从上图看出,在点击输入input的适合,框边就显示比较粗的边框,那么怎么将这个样式取消呢?
作者:DevOps海洋的渔夫
链接:https://www.jianshu.com/p/9b4b60b8d475
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
公关部门:Outreach@andon.wang
项目部门:Project@andon.wang
秘书部门:Secretary@andon.wang
项目部门:Project@andon.wang
秘书部门:Secretary@andon.wang