HTML 文件选择器（输入类型 =“文件”）按钮在 Chrome 浏览器中无法正确显示
我在index.php文件中有一个html文件选择器。代码如下
//index.php (This is just an example)
<form enctype="multipart/form-data" action="http://myserver/abc/upload.php" method="POST">
Select image to upload :
<input name="photo" type="file" size="30" width="250">
<input type="submit" value="Upload"/>
</form>
在firefox浏览器中我可以看到带有文本字段（显示文件路径）和名为“浏览”的按钮（作为普通文件选择字段）的文件选择器
但是在 Chrome 浏览器中我看不到文本字段。按钮名称是“选择文件”而不是“浏览”。
我该如何解决这个问题？
我需要在所有浏览器中显示它，因为它在火狐浏览器中显示
I have a html file selector in index.php file.Code is given bellow
//index.php (This is just an example)
<form enctype="multipart/form-data" action="http://myserver/abc/upload.php" method="POST">
Select image to upload :
<input name="photo" type="file" size="30" width="250">
<input type="submit" value="Upload"/>
</form>
In firefox browser I can see file selector with a text field(which display the file path) and a button named 'Browse'(As a normal file selecting field)
But in chrome browser I can't see the text field.And button name is 'Chose file' not 'Browse'.
How can I fix this?
I need to display this in all browsers as it is display in firefox browser
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有自定义文件输入样式的标准方法，但您可以找到大量的 css/js 技巧。使用关键字：
自定义CSS文件输入there is no standard way of customizing file input style, but you can find a tons of css/js tricks. use keywords:
custom css file input来更改文件类型
通过添加此内联样式
>Change your file type by adding this inline style
<input name="photo" type="file" size="30" width="250" style="line-height:0;">