Question

我正在寻找选择菜单的防弹工作流程。我有条件评论即10 +

<!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7"> <![endif]-->
<!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->
<!--[if IE 9]>     <html class="ie ie9 lte9"> <![endif]-->
<!--[if gt IE 9]>  <html class="gt9"> <![endif]-->
<!--[if !IE]><!--> <html>             <!--<![endif]-->

Chrome在隐藏/显示选择箭头方面做得很好：

-webkit-appearance: none;

然而，当涉及到Firefox：

-moz-appearance:none;

适用于35+版本。这意味着FF <35将在选择菜单上显示我的自定义背景图像箭头及其默认值。因此，隐藏这些旧版浏览器的下拉箭头是跨浏览器解决方案的最后障碍。

如何为早于35版的Firefox浏览器定位背景图片？ 我知道现代化器或其他库可能会这样做，但是将类名添加到＆lt; HTML＆GT;或者我不知道的特定于供应商的伪元素。提前谢谢。

Answer 1

您可以使用JavaScript来检测版本。

var frags = navigator.userAgent.split('/');

if ((frags[frags.length - 2].indexOf('Firefox') > -1) && (parseFloat(frags[frags.length - 1]) < 35)) {
  alert('You are on Firefox version < 35')
}

为小于35的Firefox版本添加CSS类名称到HTML标记

1 个答案: