javascript - 这个上传后的css怎么写

Question

input包住了一整块，但是实际需求是这个0.jpg在另一个input里面。。。上面这个是要定义shadowdom吗？

有没有啥思路美化这个默认的上传样式？

Answer 1

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

Answer 2

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

Answer 3

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