::-moz-focus-inner

实验性: 这是一项实验性技术
在将其用于生产之前,请仔细检查浏览器兼容性表格

::-moz-focus-inner CSS 伪元素是用于表示 <button> 元素以及 buttonsubmitresetcolor 类型的 <input> 元素的 Mozilla 扩展

备注: 使用 ::-moz-focus-inner 时,除了支持它的按钮外,其他按钮都不匹配,也没有任何效果。

语法

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

示例

HTML

html
<input type="submit" value="输入" /> <button type="submit">按钮</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;
}

结果

规范

不属于任何规范。

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::-moz-focus-inner
ExperimentalNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.

参见