码迷,mamicode.com
首页 > 其他好文 > 详细

input输入框美化

时间:2020-02-14 23:05:41      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:img   original   来源   输入框   NPU   输入   none   div   ops   

简介

在设置input的适合,你会觉得默认的input样式并不好看。那么该怎么优化呢?

默认的input

技术图片

可以从上面看出,这个样式的确不好看。

优化input样式

设置 outline-style: none ; 取消外边框

技术图片

可以从上图看出,在点击输入input的适合,框边就显示比较粗的边框,那么怎么将这个样式取消呢?



作者:DevOps海洋的渔夫
链接:https://www.jianshu.com/p/9b4b60b8d475
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

input输入框美化

标签:img   original   来源   输入框   NPU   输入   none   div   ops   

原文地址:https://www.cnblogs.com/mrandon/p/12309794.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!