Input background image settings

HTML code:

<Input type = "file" id = "file_btn" src = "img.jpg"/>

CSS code:

Input [type = "file"] {/* General settings: introduce an image background and set it to the center. The size is the same as the button size, and the mouse pointer is hand */width: 40px; Height: 40px; Background: url(img.jpg) No-repeat center; cursor: pointer;
/* You don't need to ask the following questions. You can copy the four sentences together. The approximate meaning is to set the value to 0 pixels, that is, the value cannot be seen by the naked eye, but it does exist again (it can be proved by $ _ post ['submit _ BTN ']) */display: block; font-size: 0; line-Height: 0; text-indent:-9999px;

Input background image settings