程序员经验分享-hwhale

有没有办法使文件输入上的本机“浏览”按钮变大跨浏览器？

2023-11-25

如您所知，您可以使用（hacky）方法制作自己的文件输入控件，将文件输入定位在自定义按钮上并使用opacity: 0在文件输入本身上。

下图显示了预期的设计，其中文件输入绝对位于浏览按钮上方。

Example

正如您所看到的，人造浏览按钮比浏览器 (Firefox 4) 绘制的按钮大得多。

如果我增加输入的宽度，它似乎达到了不再增加的极限。

这是一个可以玩的 jsFiddle，证明问题。这real浏览按钮的大小应与人造按钮的大小相同。

有没有办法解决这个问题，或者must我使用 Flash 或将按钮变小？


font-size:70px;

http://jsfiddle.net/rH5SY/9/

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

fileio

有没有办法使文件输入上的本机“浏览”按钮变大跨浏览器？ 的相关文章

  • CSS 无法与 CodeIgniter 一起使用

    这是我的 CI 代码的一部分 class page extends CI Controller var Page public function construct parent construct this gt Page 1 this

  • 带滚动条的 HTML 画布

    我正在宽度不等的画布上绘制图表 每个画布可以有自己的滚动条吗 我尝试将所有画布放在一个 div 中并指定最大宽度 但它不起作用 是否有可能所有画布在页面上的可见宽度均为 500 像素 并且每个画布都有其滚动条来查看画布的整个宽度 谢谢 指定

  • 图像仅在 iPhone x 上拉伸

    我目前正在设计和构建一个 html 和 css 网站 遇到了一个小问题 我使用 chrome 开发工具检查了响应能力 根据手机和平板电脑的大小调整窗口大小 一切看起来都很好 然而 现在我在 iPhone X 上检查了该网站 图像全部垂直拉伸

  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s

  • 如何使用javascript隐藏div

    我想使用 Javascript 隐藏一个 div 下面是我的div div class ui dialog titlebar ui widget header ui corner all ui helper clearfix span cl

  • 从 3.1 返回后加载 Rails 3（服务器）时出现问题

    Rails 完全菜鸟 我正在使用 Hartl 教程 到了第 4 章 CSS 4 1 2 一切看起来都很顺利 但遇到了一个问题 使页面上的文字看起来

  • 当td内容太宽时，表格溢出父div

    我准备了一个 JSFiddle 来解释 向你展示我的问题 http jsfiddle net nz96C http jsfiddle net nz96C 乍一看还不错 但是当我添加一些文本时 firsttd一旦使用 tds 整个宽度 整个表

  • 为网格注入浏览器前缀不适用于 Vue

    我已经在这件事上浪费了一个下午的时间了 我被难住了 我发现IE11不支持grid template我需要使用 ms grid columns and ms grid rows相反 我正在尝试生成一些 CSS 并通过 Vue 方法注入它 这适

  • 使用渐变填充而不是普通颜色创建标记 - Google 地图

    我正在尝试使用 Google 地图获得一个点状标记google maps SymbolPath CIRCLE 我在其中取得了成功 var dotMarkerImage path google maps SymbolPath CIRCLE f

  • 是否可以使用“grid-template-areas”删除网格中空行的高度？

    我有一个包含八张 或更少 卡片的网格 我希望卡片自动放置在网格中 而不知道它们的宽度和高度 也就是说 宽度和高度应该在网格样式中指定 当我展示全部 8 张卡片时效果非常好 例子 grid template areas card 1 card

  • Bootstrap 的网格每行列数

    Bootstrap 附带一个 12 列网格系统 必须放置在行内 我的问题是 列数 行数是否必须为 12 或更少 或者我可以有如下所示的布局吗 div class row div class col md 4 div div class co

  • CSS 中的 Data-URI SVG 背景在 Firefox 中不起作用

    好的 这就是我想做的 我的 css 文件中有这段代码 form row textfield hover textfield m hover background image url data image svg xml base64 PHN

  • CSS 聚焦于出现的输入 div [重复]

    这个问题在这里已经有答案了 我有这样的代码 div class lighter div

  • 如何使用 github 托管外部 CSS 文件？

    我将 css 上传到 github 然后转到网站上的文件并单击 raw 选项 我尝试将其添加到网页中 但 chrome 给出以下错误 资源解释为样式表 但使用 MIME 类型 text plain 进行传输 https raw github

  • 如何使用 HTML 和 CSS 在我的网站上显示社交图标？

    我拼命尝试向我的网站添加一些图标 但无法让它们正确显示 我想要的只是一个包含图像并在线显示它们的容器 然后我想在该容器和图像之间添加一些填充 仅此而已 看这里我的方法 如果有人可以帮助我并纠正我的代码 使其真正有效 我会非常高兴 在我的 H

  • 如何将文件中的行读入数组？

    我正在尝试将文件作为行数组读入 然后使用 zsh 对其进行迭代 我得到的代码在大多数情况下都有效 除非输入文件包含某些字符 例如括号 这是它的一个片段 bin zsh LIST cat path to some file txt SIZE

  • @fontface - 禅宗购物车中的 403 禁止错误

    我不确定这是否是发布此内容的正确位置 因为我不知道问题出在哪里 基本上 字体现在对我来说真的很痛苦 而且没有任何效果 我尝试从 google fonts 加载字体 但遇到了 IE 问题 所以我决定下载它们并自己提供服务 但现在它无法在任何浏

  • 文件缓存：查询字符串与上次修改时间？

    我正在研究缓存网站资源的方法 并注意到大多数与我类似的网站都使用查询字符串来覆盖缓存 例如 css style css v 124942823 后来 我注意到每当我保存 style css 文件时 最后修改的标头都会 更新 使得查询字符串变

  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome

  • 浮动CSS属性导致父div不继承高度？

    我在 div 中有一个元素设置为float right但是 它会导致最外面的 div 不环绕 这是jsfiddle http jsfiddle net W792X 5 for it 我试图让提交按钮在 div 内浮动 但设置该属性似乎会导致

随机推荐

  • 从哪里开始学习 SharePoint 2010？

    我最近开始从事一项新工作 我将使用 Sharepoint 2010 来设置 或实际升级 内部网 不幸的是 我没有使用 SP2010 的经验 上次接触 SP2007 或虚拟服务器 是在四年前 我很快就要参加一门课程 但在那之前我必须让自己变得

  • 当前程序状态寄存器异常模式

    我正在使用具有以下四个汇编指令的代码 CPSR cxsf SPSR cxsf CPSR c SPSR c 我一直很难弄清楚这些异常模式之间的区别 有人可以建议吗 c x s and f指的是状态寄存器的不同部分 c 控制x 延伸s 状态f

  • 如何从 iOS 模拟器获取控制台日志？

    如果我不在 Xcode 中测试应用程序 我想看看 iOS 模拟器中会发生什么 例如 如果我在 Safari 模拟器中打开一个链接 看看控制台中会发生什么 或者 如果我安装网络应用程序 请查看我在控制台中按下的链接 我怎样才能做到这一点 我想

  • NoClassDefFoundError - 拒绝对先前失败的类进行重新初始化

    请有人解释一下这个错误的含义以及如何避免它 一段时间后 我的应用程序由于此错误而强制关闭 09 28 12 53 45 746 I dalvikvm 29489 Rejecting re init on previously failed

  • HttpURLConnection - “https://”与“http://”

    例如 我试图获取用户输入的网址的图标 url google com 我使用 HttpUrlConnection 从 favicon ico主机 URL 的扩展名 String faviconString Uri parse url getH

  • ValueError：必须仅传递带有布尔值的 DataFrame

    Question 在此数据文件中 美国使用 REGION 列分为四个区域 创建一个查询 查找属于区域 1 或 2 名称以 Washington 开头且 POPESTIMATE2015 大于 POPESTIMATE 2014 的县 此函数应返

  • 无法关闭 Windows 10 上的所有 Google Chrome 进程并且无法运行浏览器

    我的症状如下 1 无法运行谷歌浏览器 任务管理器告诉我 RAM 中有一个 chrome exe 任务管理器无法杀死它 2 由于该进程仍在 RAM 中 因此我无法重新安装 Google Chrome 任何帮助深表感谢 您可以使用命令提示符来终

  • 从 Promise 返回一个值

    我想使用这样的 Promise 调用 Google Maps Geocoding API function makeGeoCodingRequest address bounds Input parameters address a str

  • ICollection.包含自定义类型

    如果我有一个 参考 这重要吗 类型MyType这不会覆盖Equals方法 在确定是否存在时将使用什么启发式方法ICollection包含该类型的给定实例 使用我自己的启发法的最佳方法是什么 例如检查Id适当的价值 由于您的类型不会覆盖 Eq

  • 在 SQL Server 中定义一对一关系

    我需要定义一对一的关系 但似乎无法在 SQL Server 中找到正确的方法 您问为什么是一对一的关系 我使用 WCF 作为 DAL Linq 并且有一个包含 BLOB 列的表 BLOB 几乎不会改变 每次查询时传输它都会浪费带宽 我看了一

  • @ElementCollection 与 Map 其中 Entity 是 Embeddable 的字段

    在搜索了 JPA 文档和各种帖子后 我对 JPA2 0 是否可以实现以下操作感到困惑 我刚刚开始使用 JPA 所以如果我做了一些愚蠢的事情 请原谅 我的域模型有一个 投资组合 其中包含零个或多个 未平仓头寸 仓位由 工具 JPA 实体 和价

  • SQL Server 中索引的排序规则

    我感兴趣的是 在创建与该列的排序规则不同的索引时是否可以为该列指定排序规则 当建立索引时 字符串数据是根据列的排序规则还是数据库的排序规则排序 您可以使用所需的排序规则创建计算字段 并在此字段上创建索引

  • 在对象数组中添加匹配键的值

    我有一个数组 其中包含许多具有匹配键的对象 a 2 b 5 c 6 a 3 b 4 d 1 a 1 d 2 我想循环遍历数组 如果键匹配 我想将每个键的结果相加 并返回一个包含每个键之和的对象 i e a 6 b 9 c 6 d 3 我目前

  • 有没有办法在 EmberJS 中将数组传递给 currentWhen ？

    我试图使链接在多个路由上保持 活动 状态 例如 users 和 user 有任何想法吗 您可以重新打开 Ember 的 LinkView 并执行类似的操作 允许 currentWhen 包含空格分隔值 Ember LinkView reop

  • 如何使用 jQuery 更改 css 类规则？

    任何人都可以帮助我吗 我的问题有两个部分 我想做的是使用 jQuery 动态更改 css 类规则 classname color red font size 14px 在上面的示例中 我有一个名为 classname现在使用 jQuery

  • 如何在 mongoDB 中对 $lookup 结果应用条件？

    参考我之前的问题 我有一个关于 lookup 的问题 并添加一些条件 您可以从下面的链接描述中获得有关问题的足够参考 Photo id 1 photo name 1 jpg photo description description 1 a

  • 如何借助 Table 组件显示 JRBeanCollectionDataSource 数据？

    我需要在表组件 JasperReports 中显示 JRBeanCollectionDataSource 数据 这是我的模板 ShowPerson jrxml 文件

  • Bootstrap 3.3.5 中无法点击 form-control-feedback 中的链接

    我正在使用链接form control feedback span从 3 1 1 开始执行 javascript 函数 我正在尝试升级到 3 3 5 但是form control feedback改变了 请参阅工作 JsFiddle 3 1

  • 如何让 pandas.read_csv 不执行任何转换？

    例如 tmp test csv 中的值 即01 02 03 旨在代表strings恰好匹配的 d 与整数相反 In 10 print open tmp test csv read A B C 01 02 03 默认情况下 pandas re

  • 有没有办法使文件输入上的本机“浏览”按钮变大跨浏览器？

    如您所知 您可以使用 hacky 方法制作自己的文件输入控件 将文件输入定位在自定义按钮上并使用opacity 0在文件输入本身上 下图显示了预期的设计 其中文件输入绝对位于浏览按钮上方 正如您所看到的 人造浏览按钮比浏览器 Firefox

热门标签