如何将CSS输入框的阴影去掉？

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

要去除`input`元素的阴影效果，可以按照以下步骤操作：

1. 打开相应的CSS文件。

2.添加以下样式规则：

css

input { -webkit-appearance: none;}

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