CSS ::-webkit-inner-spin-button 擬似要素
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
::-webkit-inner-spin-button は CSS の擬似要素で、数値選択用入力要素のスピナーボタンの内部をスタイル設定するために使用されます。
構文
css
::-webkit-inner-spin-button {
/* ... */
}
例
これらの例は、WebKit および Blink ベースのブラウザーでのみ動作します。
スピンコントロールのカーソルの変更
この例では、カーソルが入力フィールドのスピンコントロールの内側に位置するたびに、CSS の cursor が pointer に変更されます。
HTML
html
<input type="number" />
CSS
css
input[type="number"]::-webkit-inner-spin-button {
cursor: pointer;
}
結果
仕様書
どの標準にも含まれていません。