按钮高度不一致(跨浏览器)

2024-01-11

我在设置按钮的高度时遇到问题。基本上我无法跨浏览器使用它。对于 Firefox,它高于normal,没有任何理由。

这是一个屏幕截图(Firefox、Safari 和 Opera,按此顺序):

这里是代码:http://jsfiddle.net/TMUnS/2/ http://jsfiddle.net/TMUnS/2/

我还尝试添加一些在网上找到的特定声明,但实际上它们只是稍微降低了高度,但它们仍然不一样(顺序相同):

这里是代码:http://jsfiddle.net/TMUnS/4/ http://jsfiddle.net/TMUnS/4/.

我该如何解决这个问题?


Firefox 有一个有趣的东西叫做-moz-focus-inner。我不完全确定它的用途,我只知道有时需要这样做才能让按钮正常工作:

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner {
    padding:0;
    border:0;
}

这可能就是您所需要的。您可以在这里看到差异(在 Firefox 中):http://jsfiddle.net/TMUnS/9/ http://jsfiddle.net/TMUnS/9/

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

按钮高度不一致(跨浏览器) 的相关文章

  • 理解 z-index:该元素如何出现在其父级同级元素的前面?

    为什么当我删除时红色 div 位于绿色 div 前面z index from wrapperRed 感觉像z index是沿着链条向上继承的 如果我改变z index将绿色 div 更改为 6 即使删除第一句中描述的行后 它仍保留在红色 d
  • 浮动图像周围具有最小列宽的流动文本

    我想要一种方法来防止流动文本列变得太窄 例如 在一列 HTML 文本中 有一个图像浮动到左侧 正如预期的那样 文本沿着图像周围的列的右侧向下流动 但是 如果图像几乎与列一样宽 则文本最终会非常窄 在这种情况下 我希望文本简单地not流过图像
  • Bootstrap:如何将按钮组对齐在中心(垂直)

    在下面的代码中
  • 如何在其他div id的悬停中使用div显示块

    如何打开div悬停时标记href tag 这是我在悬停 href 标签上显示 div 标签的代码 Services is id of href tag Services is id of div tag Service hover Serv
  • CSS 继承、别名和其他很酷的东西

    有一天 我随机浏览网页 发现了一些程序 可以让你编写 CSS 别名和其他很酷的东西 我现在不记得了 举个例子 我记得你可以这样做 myclass background color red greenfont 其中 greenfont 在其他
  • 滚动时的 CSS 背景模糊

    我有固定的背景图像 滚动时我希望图像变得模糊 我知道如何在 css 中进行模糊 但在特定的滚动位置进行 这是一个例子 https medium com good music f160ba9e6c52 https medium com goo
  • 固定 div 位于居中 div 旁边

    我有一个网页 其中有可滚动的内容 此内容包含在 content 内 位于页面的中心 现在我希望导航栏出现在内容左侧 50 像素处 该栏应具有固定位置 不应滚动 这是我到目前为止所尝试过的 nav position fixed top 50
  • 如何使用javascript确保元素仅在圆上朝一个方向移动?

    好吧 我承认我对三角学真的很糟糕 出于上下文的考虑 我将添加我在这里提到的问题中的内容 参考问题 https stackoverflow com a 39429290 168492 https stackoverflow com a 394
  • 使用 JavaScript 移动页面上的按钮

    我的按钮可以移动 但奇怪的是 我无法弄清楚偏移是否有问题 我希望我的按钮随着鼠标光标移动 但现在它的移动方式不是我想要的 有时它会消失 另外 创建的新按钮是重叠的 我不知道如何解决这个问题并拥有更好的外观 var coorA var coo
  • 为什么我的交互式图像仅在 Internet Explorer 上出现故障?

    我的问题 我为自己制作了一个图像地图 交互式图像 它在 Chrome safari 和 Firefox 上完美运行 然而 当我在可怕的互联网浏览器上尝试它时 它真的很糟糕 这些小点应该扩展到更大的盒子中 在互联网浏览器上它要么不起作用 要么
  • 使用 CSS 折叠和展开元素

    我正在尝试构建一个页面 加载时仅可见标题 并且 当用户单击标题时 每个标题下方的表格会在隐藏和显示状态之间切换 我的限制是只能在 CSS 中执行此操作 这是我到目前为止想到的 https jsfiddle net Argoron c1ypx
  • Webpack 4:如何使用 LESS 获取 CSS 源映射?

    多年来我一直在尝试让 CSS 源映射在 webpack 中工作 但没有成功 我不确定链条中哪里出了问题 我希望有人能指出我正确的方向 这是发生的事情 行号是错误的 实际上文件名也是错误的 main less只是包含一堆 import也就是说
  • css3按钮背景颜色无限过渡

    有没有办法仅使用 css3 使按钮的背景颜色从灰色渐变为蓝色 然后又回到灰色 一个很好的例子是默认操作按钮是可可 我知道这可以在 javascript 中完成 但我宁愿只使用 css 来完成此操作 您好 我已经通过 CSS3 动画制作了按钮
  • 指南针字体输出错误的字体文件路径

    font face font family HelveticaNeueLTStd Lt src url css fonts HelveticaNeueLTStd Lt otf format opentype 这是我的指南针代码的输出 inc
  • 如何在不使用变换或顶部/左侧的情况下转换列表中项目的位置

    有一天我偶然发现一个例子 https codepen io itslit pen gvKrMY它使用 Vue js 但我的问题更多是关于 Vue 用于实现状态之间转换的 CSS 和 HTML 卡片暂时获得等级 shuffleMedium m
  • 在表格上使用上下文样式将点边框应用于特定单元格

    我以前有过问了一个问题 https stackoverflow com questions 6326266 issue with applying dotted border to cells in table design在这个问题上 你
  • 响应式图像 - srcset 和尺寸属性 - 如何正确使用两者:基于设备像素比和基于视口的选择一起?

    到目前为止 我经常读到这个问题 并且它也发生在我自己的项目中 这里介绍一下我到目前为止所发现的关于 srcset 和 size 属性的内容 关于如何使用有两种不同的可能性srcset 属性 来源 w3c http w3c github io
  • 删除子元素上的 CSS 过滤器

    我的 CSS 代码有问题 正如您所看到的 我在 li 元素上有过滤器 但它覆盖了其他元素 我需要使其他两个元素没有过滤器 有没有可能这样做 main width 300px height 300px background color blu
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • 在 Nexus 7 2013 上更改方向时 CSS 媒体查询不起作用

    我目前正在我的笔记本电脑 台式电脑和 Nexus 7 2013 上测试 CSS 媒体查询 除了 Nexus 7 之外 它们在台式机和笔记本电脑上都运行良好 当我更改方向时 除非刷新页面 否则样式不会应用 例如 以纵向模式握住设备时 页面正常

随机推荐

  • FB Realtime API 没有/不一致地通知某些连接(音乐、电影、书籍、电视)

    我目前遇到了 Facebook 实时 API 的问题 我希望订阅用户个人资料上的许多内容 包括他们在音乐 书籍 电视和电影类别中的 喜欢 当我通过 FQL 和图表查询时 我得到了正确的信息 但当用户个人资料上的这些条目发生更改时 Faceb
  • 用于编辑模型的 Django 表单向导

    我有一个 Django 表单向导 可以很好地为我的模型之一创建内容 我想使用相同的向导来编辑现有内容的数据 但找不到如何执行此操作的好示例 这是我的项目代码的简化版本 forms py class ProjectEssentialsForm
  • VS Code 找不到 pytest 测试

    我在 vs code 中设置了 PyTest 但即使从命令行运行 pytest 工作正常 也没有找到任何测试 我正在使用 MiniConda 和 Python 3 6 6 虚拟环境在 Win10 上开发 Django 应用程序 VS Cod
  • 选择刚刚单击的项目的下一个同级项

    我有一个ul其中包含图像 这些图像是从 Twitter 获取的个人资料图像并附加到ul动态地 一旦用户单击任何图像 我还需要缓存紧邻该图像的节点 下一个兄弟 我尝试使用next 选择器如下所示 但控制台中记录的是一条我不明白的消息 这是代码
  • 手动触发的 cron 作业可以遵守并发策略吗?

    所以我有一个这样的 cron 工作 apiVersion batch v1beta1 kind CronJob metadata name my cron job spec schedule 0 0 31 2 failedJobsHisto
  • Rcpp:安装带有静态库的包,以便独立于平台使用

    我想使用libDAI C https bitbucket org jorism libdaiR 包中的库并需要该包 可在 Linux 和 Windows 上使用 节省磁盘空间 外部库有约 60 Mb 最终用户不需要安装boost和gmp进行
  • 更新后程序会自行重启

    我到处都检查过 所以希望不会重复问题 我想为我正在编写的一些 C 代码添加可移植更新功能 该程序可能不在任何特定位置 我更愿意将其保留为单个二进制文件 无动态库加载 然后更新完成后 我希望程序能够重新启动 不是循环 实际上是从硬盘重新加载
  • Heroku 应用程序因数据库崩溃

    我的代码在本地可以工作 但是当我尝试在 Heroku 上运行它时 它不起作用 我在 Heroku 上添加了一个数据库 但它仍然无法工作 有任何线索说明为什么会发生这种情况吗 import sys import os from flask i
  • Google+ 代码片段缩略图未显示

    我的网站中有 google 代码片段 要在 google 上分享我的网站 我的代码如下所示
  • iOS9 中的应用程序传输安全和 IP 地址

    我使用在我的开发盒上运行的本地服务器来开发我的 iOS 应用程序 在设备上进行测试时 我直接通过 IP 地址进行连接 该地址通过 HTTP 而不是 HTTPS 因此我不必在开发过程中处理自签名证书 而设备根本不喜欢自签名证书 我认为这就足够
  • JSF 转换器时间戳

    我想将我的输入转换为时间戳值 我只在示例中找到了日期转换器 有没有最佳实践 谢谢 Update 我想保存用户的生日 但我的后端需要时间戳值 我在将它绑定到我的 jsf 前端时遇到问题 也许示例链接会有帮助 我尝试如下 public void
  • 边缘线和填充 matplotlib 或 seaborn 分布图的不同透明度

    我想为我在 matplotlib seaborn 中创建的分布图的边缘线和填充设置不同级别的透明度 alpha 例如 ax1 sns distplot BSRDI DF label BsrDI bins newBins kde False
  • 如何使用 sed 删除与模式匹配的行及其后面的行?

    我有一个看起来像这样的文件 good text good text FLAG bad text bad text good text good text good test bad Text FLAG bad text bad text g
  • 我是否缺少在 Ubuntu 9.04 上使用 Python2.6 绑定构建/安装 VTK-5.4 的步骤?

    我使用源代码的 Python 绑定成功构建并安装了 VTK 5 4 然而 当我尝试在 python 中导入 VTK 时 它给出了以下回溯错误 文件 第 1 行 位于 文件 usr local lib python2 6 dist packa
  • 如何在 swift 3 中将 NSArray 转换为 Swift Array

    我有两个数组 var arr1 NSArray var arr2 String 我想转换NSArray到字符串数组中 我在用 arr2 arr1 作为 细绳 但它给了我错误 NSString is not a subtype of NSAr
  • 在 Python 中将小时和分钟转换为总分钟

    我有一个 Pandas DataFrame 其中有一列以小时和分钟为单位的时间字符串 例如 1 小时 8 分钟 有些单元只有几分钟 例如 47 分钟 我试图从这种格式转换为总分钟数的整数值 例如 1 小时 8 分钟将是 68 我尝试对其进行
  • TFS 2018 Update 2 IIS 网站部署已弃用或缺失

    将 TFS 更新到更新 2 后 在 CI 构建任务中 IIS Web 应用程序部署 被标记为 已弃用 这个任务的替代品是什么 Also in the CD in the after adding IIS Website Deployment
  • Django 无效的块标签:endelse 和 ifequal

    我想使用 djangoifequal and else判断变量是否等于的标签80 or 22 所以 这是代码 if firewalls thead tr th IP address th th Function th tr thead en
  • O(n) 算法找出出现次数超过 n/2 次的元素

    在一次采访中 有人要求我提供一个 O n 算法来打印在数组中出现超过 n 2 次的元素 如果存在这样的元素 n 是数组的大小 我不知道如何做到这一点 有人可以帮忙吗 这是博耶的投票算法 http www cs utexas edu moor
  • 按钮高度不一致(跨浏览器)

    我在设置按钮的高度时遇到问题 基本上我无法跨浏览器使用它 对于 Firefox 它高于normal 没有任何理由 这是一个屏幕截图 Firefox Safari 和 Opera 按此顺序 这里是代码 http jsfiddle net TM