`::-moz-focus-inner` 擬似要素 (CSS)

Deprecated

Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.

完全な互換性情報を見る
もっと詳しく

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

::-moz-focus-inner は CSS の擬似要素で、<button> 要素や、 <input> 要素の button、submit、color 型の内側のフォーカスリングを表す Mozilla の拡張です。

メモ: ::-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;
}

結果

仕様書

どの仕様にも含まれていません。

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって 2026年9月29日に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告

::-moz-focus-inner 擬似要素 (CSS)

MDN の改良に協力

`::-moz-focus-inner` 擬似要素 (CSS)