-moz-focus-inner

Posted 2023-03-06

【中文标题】-moz-focus-inner

【英文标题】：

【发布时间】：2010-11-28 19:51:31

【问题描述】：

在我询问对齐的另一个问题中，这是为了回答有关 Firefox 是一个 twit 的问题。它起作用了，但它在我嘴里留下了酸味，我会解释原因。

button::  
  border: 0;
  padding: 0;

Opera（本示例为 10）、Firefox（本示例为 3）和 Internet Explorer（本示例为 7）都以不同的方式显示 input[type="submit"] 按钮。这个focus-inner 属性在 Opera 10 上默认为 0，类似于 5px 的 firefox 和必须是 6px 的 Internet Explorer。

如何“一揽子”将它们全部重置为 0？是否有一个标准的 CSS 调用不仅可以执行上述操作，还可以为 IE 设置此隐藏属性？

【问题讨论】：

我怀疑 MSIE 和 Opera 知道如何渲染 -moz-something 属性:)

n1313，这真的不是问题。问题是所有浏览器都使用提交按钮。他们似乎都在内部设置了这个值，我想知道 1）为什么！？！？！？！？ 2) 一种简单的方法可以一举改变它们。

2014，这件事仍然发生......不仅如此，如果按钮上定义了高度，它并不能真正帮助你......

【参考方案1】：

发生这种情况的原因很简单：因为所有这些浏览器都是由不同的人开发的。例如，尝试从 Safari 中查看您的按钮。没有一条 CSS 规则会强制所有主流浏览器中的所有按钮看起来都一样。

嗯，实际上你可以实现像素完美，如果你对他们每个人都进行个人对待，比如this。而且你总是可以使用<input type="image">，这肯定会成功。

【讨论】：

type=image 会阻止没有 javascript 的表单的提交操作，对吗？

另外，是的，我知道它们是由不同的人制作的，但他们肯定可以打开设计（就像 Firefox 尝试做的那样），以便其他人可以按照自己的方式“修复”它？

不，type=image 等同于 type=submit。你可以点击它，表单将被提交。

好吧，我想要的东西不能得到，所以我把它当作一个可能的替代品。谢谢n1313