首页 > 解决方案 > 如何对 CSS 伪选择器进行特征检测?

问题描述

我正在创建一个 custom input[type='range'],并且需要为不为范围输入的“进度”部分提供本机 CSS 伪选择器的浏览器引入一些特定行为。在这种情况下,它是 Chrome 和 Safari。

火狐:input[type='range']::-moz-range-progress

边缘/IE11:input[type='range']::-ms-fill-lower

我想使用功能检测而不是浏览器检测。有没有办法检测浏览器是否支持给定的 CSS 伪选择器?

标签: javascripthtmlcss

解决方案


推荐阅读