jquery - 使用 jQuery，如何确定浏览器是否原生支持 CSS 选择器 "input[type=text]"？

Question

在我的 CSS 中，我有一个必须应用于所有文本字段的规则(使用 CSS3 选择器 input[type=text]。

我也用jQuery .某些浏览器(如 Internet Explorer 6)不支持 CSS 选择器的这种形式。所以我的解决方法是在 CSS 中添加一个额外的类名:

input[type=text], .workaround_classname{
  /* css styling goes here */
}

然后通过 jQuery 添加 CSS 类:

$('input[type=text]').addClass('workaround_classname');

问题是:我如何确保仅当 CSS3 选择器不受 native 支持时才调用此规则？

Answer 1

为什么不设置一些无用的 css 样式并检查是否应用了该样式。仅将解决方法类添加到未应用此样式的元素。

唯一的问题是我想不出一个你可以使用的“无用”风格:-)