隐藏输入类型=文件上的浏览按钮

新手上路,请多包涵

有没有办法隐藏浏览按钮,只留下适用于所有浏览器的文本框?

我试过设置边距,但它们在每个浏览器中显示不同

原文由 josh 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 351
2 个回答

不,你能做的是一个(丑陋的)解决方法,但主要使用

  1. 创建普通输入和图像
  2. 创建不透明度为 0 的文件输入
  3. 当用户单击图像时,您模拟单击文件输入
  4. 当文件输入更改时,将其值传递给普通输入(以便用户可以看到路径)

在这里您可以看到完整的解释以及代码:

http://www.quirksmode.org/dom/inputfile.html

原文由 Ortiga 发布,翻译遵循 CC BY-SA 3.0 许可协议

您可能只是不隐藏该元素,只需将其不透明度设置为 0 即可使其透明。

隐藏输入文件将使其停止工作。所以不要那样做..

在这里 您可以找到透明浏览操作的示例;

原文由 Suphi ÇEVİKER 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题