在 Chrome 中，如果您右键单击一个元素并选择“检查元素”，开发人员工具将打开，您的元素将以蓝色突出显示。我想用我自己的 CSS 样式重现它。这是一个例子：
请注意，它实际上是使元素的前景色成为透明的蓝色。天真地更改背景颜色几乎没有效果，因为您还必须更改字体颜色并且您将无法突出显示图像。
目前，我能弄清楚如何重现前景蒙版效果的唯一方法是在原始元素的顶部创建一个具有完全相同尺寸的绝对定位元素。这似乎有点笨拙，我想知道是否有某种方法可以纯粹在 CSS 中做到这一点？
在 Chrome 中，如果您右键单击一个元素并选择“检查元素”，开发人员工具将打开，您的元素将以蓝色突出显示。我想用我自己的 CSS 样式重现它。这是一个例子：
请注意，它实际上是使元素的前景色成为透明的蓝色。天真地更改背景颜色几乎没有效果，因为您还必须更改字体颜色并且您将无法突出显示图像。
目前，我能弄清楚如何重现前景蒙版效果的唯一方法是在原始元素的顶部创建一个具有完全相同尺寸的绝对定位元素。这似乎有点笨拙，我想知道是否有某种方法可以纯粹在 CSS 中做到这一点？