::-moz-focus-inner

实验性： 这是一个 实验性技术
在生产环境中使用此功能之前，请仔细查看 浏览器兼容性表。

非标准： 此功能是非标准的，并且不在标准轨道上。请勿在面向 Web 的生产站点上使用它：它不会对每个用户都有效。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

该 ::-moz-focus-inner CSS 伪元素 是一个 Mozilla 扩展，它表示 <button> 元素以及 button、submit、reset 和 color 类型 <input> 元素的内部焦点环。

注意： 将 ::-moz-focus-inner 用于不支持它的任何按钮以外的元素都不会匹配任何内容，也不会产生任何效果。

语法

css
::-moz-focus-inner {
  /* ... */
}

示例

HTML

html
<input type="submit" value="Input" /> <button type="submit">Button</button>

CSS

css
button::-moz-focus-inner,
input[type="color"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding-block-start: 0px;
  padding-inline-end: 2px;
  padding-block-end: 0px;
  padding-inline-start: 2px;
  border: 2px dotted red;
}

结果

规范

不属于任何标准的一部分。

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅