How to remove shadow from css input

How to remove shadow from css input: First open the corresponding css file; then add the style "input{-webkit-appearance:none;}".

## Operating environment for this article: Windows 7 system, Dell G3 computer, HTML5&&CSS3 version.

There is a shadow on the input

Just write -webkit-appearance: none; directly in the input css

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

[Recommended learning:

css video tutorial]

The above is the detailed content of How to remove shadow from css input. For more information, please follow other related articles on the PHP Chinese website!