CSS中删除输入框的阴影用什么方法,代码是什么
这篇文章主要介绍“CSS中删除输入框的阴影用什么方法,代码是什么”,有一些人在CSS中删除输入框的阴影用什么方法,代码是什么的问题上存在疑惑,接下来小编就给大家来介绍一下相关的内容,希望对大家解答有帮助,有这个方面学习需要的朋友就继续往下看吧。
上述内容具有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多"CSS中删除输入框的阴影用什么方法,代码是什么"的内容,大家可以关注博信的其它相关文章。
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);/*点击高亮的颜色*/ }
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
上述内容具有一定的借鉴价值,感兴趣的朋友可以参考,希望能对大家有帮助,想要了解更多"CSS中删除输入框的阴影用什么方法,代码是什么"的内容,大家可以关注博信的其它相关文章。
版权声明
本文仅代表作者观点,不代表博信信息网立场。