如何删除 IE10 上的默认文件输入样式？

【问题标题】：How to remove default file input style on IE10?如何删除 IE10 上的默认文件输入样式？
【发布时间】：2026-02-08 22:40:01
【问题描述】：

这是我在不同浏览器上的文件输入。 IE10 使用可怕的默认样式。关于如何删除它的任何想法？

【问题讨论】：

  • 天啊，你是对的......这真的很糟糕。
  • 呃，如果你问我，它们看起来都很糟糕，但至少 chrome 看起来像一个普通的 HTML 表单。
  • 我只是希望它们看起来完全一样。而IE10不想。 :)

标签： css file input styles internet-explorer-10


【解决方案1】：

使用重置 CSS 模板（例如：http://meyerweb.com/eric/tools/css/reset/）

然后使用您自己的 CSS 自行设置样式。

【讨论】：

  • 那我猜，你得自己重写 CSS 吧？
【解决方案2】：

IE 支持大量用于文件输入的伪元素：

使用这些，您可以根据需要设置文件输入的两个部分的样式。

【讨论】：

  • 谢谢！可以隐藏::ms-value，让按钮占据整个点击区域。
猜你喜欢
相关资源
最近更新 更多
热门标签
Java Python linux javascript C# Mysql Docker 算法 前端 SpringBoot Redis Vue spring .net 设计模式 .net core c++ kubernetes 数据库 机器学习 大数据 数据结构 微服务 js 人工智能 Go Android 面试 程序员 JVM 云原生 后端 ASP.net core 深度学习 CSS k8s git golang PHP devops Nginx Django React mybatis 架构 多线程 Spring Boot 云计算 LeetCode 分布式