css中删除input输入框的阴影
小妮浅浅
2021-07-13 09:35:547194浏览 · 0收藏 · 0评论
1、input说明
这个阴影是浏览器生成的。
2、css样式内外阴影设置，分为内外阴影
外阴影：box-shadow: X轴 Y轴 Rpx color;
属性说明（顺序依次对应）：
阴影的X轴(可以使用负值)
阴影的Y轴(可以使用负值)
阴影模糊值（大小）
阴影的颜色
默认是外阴影
内阴影：inset可以设置成内部阴影
3、去除input阴影实例，直接在input css 里写 -webkit-appearance: none; 就行了
input{
border:none;
-webkit-appearance:none;/*去除阴影边框*/
outline: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);/*点击高亮的颜色*/
}以上就是css中删除input输入框阴影的方法，希望对大家有所帮助。更多编程基础知识学习：python学习网
本文教程操作环境：windows7系统、css3版，DELL G3电脑。
关注公众号，随时随地在线学习
相关文章
分享到微博
微信扫一扫
流芳
124036
