Chrome で要素を右クリックして [Inspect Element] を選択すると、開発者ツールが開き、要素が青色で強調表示されます。独自の CSS スタイルでそれを再現したいと思います。次に例を示します。
実際には、要素の前景色が透明な青になっていることに注意してください。背景色を単純に変更しても、フォントの色も変更する必要があり、画像を強調表示できないため、ほとんど機能しません。
現時点では、前景マスク効果を再現する方法を理解できる唯一の方法は、元の要素の上にまったく同じ寸法の絶対配置要素を作成することです。これは少し不格好に思えますが、純粋に CSS でこれを行う方法はあるのでしょうか?