可能不知道的5个有用的CSS伪元素介绍::backdrop、::marke、::selection、::file-sel

`::backdrop`

通过使用 ::backdrop 伪元素，我们可以改变 <dialog> 元素或任何通过 Fullscreen API 显示为全屏的元素的背景风格。

微信图片_20230331094934.png 兼容性

微信图片_20230331095952.png

使用::marker，我们可以改变颜色，使用任何图像 / 自定义字体，添加动画 / 过渡 -- 为列表的子弹 / 数字。

微信图片_20230331100056.png 兼容性

微信图片_20230331100100.png

使用::selection，我们可以改变选定的颜色、背景或文字阴影

微信图片_20230331100201.png 兼容性

微信图片_20230331100203.png

我们可以使用::file-selector-button 伪元素改变文件上传按钮的样式。

微信图片_20230331100302.png

兼容性

微信图片_20230331100305.png

使用::placeholder 伪元素，我们可以改变 <input> 或 <textarea> 元素的占位符文本的样式

微信图片_20230331100415.png 兼容性

微信图片_20230331100418.png