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

Question

如果尚未上传图片，我想使输入[type = file]的宽度更大。以下是我一直在尝试的内容：

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

输入[type = file]和img [src =＆＃34;＆＃34;]单独工作但我不能让他们一起工作。

Answer 1

请尝试以下代码：

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