Use css alpha filter to implement input file style beautification code_Experience exchange

use css alpha filter to implement input file style beautification code_experience exchange

when uploading files on the web, you need to use the upload box:

even if you assign the onclick handle of f to an object, such as:

after you “click”, the file selection dialog box will also pop up. unfortunately, you are disappointed: you still cannot upload files! how to do it? look at this paragraph:

click the mouse and see the effect? based on the above idea, we can just put it under a button and that’s it! !

in order to achieve a true simulation effect, you have to hide f, add an opaque alpha filter, and add the hidefocus attribute. hide the dotted line of f:

you can see the effect of changing opacity=0 to slightly larger.

ok, now you can control their style and position. . .

the above is the content of using css alpha filter to realize input file style beautification code_experience exchange. for more related content, please pay attention to the php chinese website (m.sbmmt.com)!