如果为空图像 CSS，则更改文件上传的输入宽度

Question

如果图像尚未上传，我想增大输入[type=file] 的宽度。这是我一直在尝试的：

input[type=file] img[src=""] {
width: 300px;
}

input[type=file] 和 img[src=""] 单独工作时可以工作，但我无法让它们一起工作。

Answer 1

请尝试以下代码：

input[type="file"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 300px;
}