css input怎么去掉阴影

input上面有阴影

<img alt=\"CSS input怎么去掉阴影\” alt=\”在这里插入图片描述\” src=\”https://www.freexyz.cn/d/file/20210419/1e21043cbd7a3acf563e6e525f6ef14e.png\” />
直接在input css 里写 -webkit-appearance: none; 就行了

input{
border:none;
-webkit-appearance:none;/*去除阴影边框*/
outline: none;
-webkit-tap-highlight-color:rgba(0,0,0,0);/*点击高亮的颜色*/
}