CSS -webkit-tap-highlight-color プロパティ
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
-webkit-tap-highlight-color は CSS の標準外のプロパティで、リンクがタップされている間に表示される強調色を設定します。強調は、ユーザーがタップしたことが正常に認識されていることを示し、またどの要素がタップされているかを示します。
構文
css
-webkit-tap-highlight-color: red;
-webkit-tap-highlight-color: transparent; /* 強調をなくす */
/* グローバル値 */
-webkit-tap-highlight-color: inherit;
-webkit-tap-highlight-color: initial;
-webkit-tap-highlight-color: revert;
-webkit-tap-highlight-color: revert-layer;
-webkit-tap-highlight-color: unset;
値
<color> です。
公式定義
| 初期値 | black |
|---|---|
| 適用対象 | すべての要素 |
| 継承 | あり |
| 計算値 | 指定通り |
| アニメーションの種類 | 離散値 |
形式文法
-webkit-tap-highlight-color =
<color>
仕様書
標準には含まれていません。 Apple では Safari Web Content Guide での説明があります。
ブラウザーの互換性
関連情報
- WebKit CSS 拡張
- 関連する CSS 擬似クラス: