今天，我爱模板网在element-plus中，使用原生的radio单选框，发现都不显示，F12一查看，发现宽高都是0，强制设置宽高也没用。但也没看到哪里设置了宽高，然后就发现了-webkit-appearance:none的样式，把它取消了或者设置为非none的值，就显示了。
noise 本身有不同的颜色，但现在它是单色的，因为我们对父元素应用了一些滤镜，这也会影响伪元素。尽管如此，我们仍然可以应用额外的滤镜（不是必需的）和混合模式以更好地与原始图片混合。我强烈建议使用不同的 mix-blend-mode 值：darken 和 multiply 产生我们想要的效果的很好的结果。
它还能查询系统使用的是深色模式还是浅色模式，即prefers-color-scheme，css 媒体特性，用于检测用户是否有将系统的主题色设置为亮色或者暗色。 在过去，必须手动切换主题色，写两套css，然后通过js来切换。
这是模仿element plus导航栏的基于基于backdrop-filter和background-image: radial-gradient实现的模糊点遮罩效果的代码
在开发移动端app时，经常会碰到需要这样一种情况 —— 网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会
css3提供了filter滤镜，这个属性直接作用于当前元素，而css3 backdrop-filter是让设置这个属性的当前元素背后的元素产生模糊或颜色偏移，相当于透过一个有特殊效果的玻璃看后面的东西，因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明
