Css 我们如何设计选择文件选项

我试图解决和设计我的选择文件按钮

<div id="image-upload"> 
     <form method='post' action='image.php' enctype='multipart/form-data'>
     Select a JPG or PNG File:<br />
     <input type='file' name='filename' size='10'/>
     <input class="red" type='submit' value='Upload' /></form>          
</div>

选择JPG或PNG文件：

似乎什么也帮不了我，我尝试了一些css代码，也尝试了用css添加类或id，这也帮不了我。但最后我放弃了

jsfiddle：

我还在想是否有新的方法可以做到这一点

任何人有任何想法，请谢谢：）

我希望此选择按钮具有某种设计

请尝试以下操作：--

制作一个文件上传图像并将其放在文件上传器下方

隐藏文件上载

<div>
<input type="file" id="file1" style="display:none">
<img src="your file uploader image path" id="img1" />
</div>

试试这个：--

制作一个文件上传图像并将其放在文件上传器下方

隐藏文件上载

<div>
<input type="file" id="file1" style="display:none">
<img src="your file uploader image path" id="img1" />
</div>

---

对不起，有什么问题吗？您无法向其中添加样式？请选择file button@lbstr仅添加

红色

类。重复：可能重复抱歉，有什么问题？您无法向其中添加样式？请选择“文件”按钮@lbstrj仅添加

红色

类。重复：可能重复