如何移除CSS输入框的阴影效果？

本文共计294个文字，预计阅读时间需要2分钟。

要去除CSS中的`input`元素的阴影效果，可以采用以下步骤：

1. 打开相应的CSS文件。

2.在文件中添加以下样式规则：

css

input { -webkit-appearance: none;}

这样设置后，`input`元素的默认阴影效果就会被移除。在Windows 7系统、Dell G3电脑、HTML5/CSS3环境下，上述方法应该能有效去除`input`上的阴影。

css input去掉阴影的方法：首先打开相应的css文件；然后添加样式“input{-webkit-appearance:none;}”即可。

本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。

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怎么去掉阴影的详细内容，更多请关注自由互联其它相关文章！