How to delete the shadow of the input input box in css

This article mainly introduces "how to delete the shadow of the input input box in css". In the daily operation, I believe that many people have doubts about how to delete the shadow of the input input box in css. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the question of "how to delete the shadow of the input input box in css". Next, please follow the editor to study!

1. Input description

This shadow is generated by the browser.

2. Css style internal and external shadow settings, divided into internal and external shadows

External shadows: box-shadow: X axis Y axis Rpx color

Attribute description (corresponding in order):

The X axis of the shadow (negative values can be used)

The Y axis of the shadow (negative values can be used)

Shadow blur value (size)

The color of shadow

The default is outer shadow

Inner Shadow: inset can be set to Internal Shadow

3. Remove input shadow instances and write-webkit-appearance: none; directly in input css.

Input {border:none;-webkit-appearance:none;/* remove shadow border * / outline: none;-webkit-tap-highlight-color:rgba (0j0p0p0p0p0); / * Click the highlighted color * /} here, the study on "how to remove the shadow of the input input box in css" is over, hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!