javascript – So schreiben Sie dieses CSS nach dem Hochladen

Question

Die Eingabe deckt einen ganzen Block ab, aber die eigentliche Anforderung ist, dass sich diese 0.jpg-Datei in einer anderen Eingabe befindet. . . Muss das oben Genannte Schattendom definieren?

Gibt es eine Idee, diesen Standard-Upload-Stil zu verschönern?

Answer 1

外面包个label input的样式不要 只改label的样式

Answer 2

如果用的是 type = file 就是只读的了 。 如果要美观， 就自己写 结构， 图片上传后 会返回 src 和 title 再填充进去

Answer 3

把 0.jpg 的input的定位到 选择文件 的后面即可（决定或者相对定位）
不用 Shadow Dom 也可以
美化的话你可以参考一些插件的样式（bootstrap和jq都有很多插件有这些功能，你可以模仿）