javascript - How to write this css after uploading

Question

The input covers a whole block, but the actual requirement is that this 0.jpg is inside another input. . . Does the above need to define shadowdom?

Are there any ideas to beautify this default upload style?

Answer 1

Wrap the label input style outside, don’t just change the label style

Answer 2

If type = file is used, it is read-only. If you want it to be beautiful, just write the structure yourself. After the image is uploaded, src and title will be returned and filled in

Answer 3

Just position the input of 0.jpg behind the selected file (determine or relative positioning)
You can also do it without Shadow Dom
If you want to beautify it, you can refer to the styles of some plug-ins (bootstrap and jq have many plug-ins with these functions. You can imitate)