设置<选择>颜色,FireFox 3.6.17 问题

发布于 2024-11-08 00:59:57 字数 804 浏览 0 评论 0原文

这适用于 Chrome、Opera、Safari 和 IE9,但在 FF 中它设置白色,为什么?!!

请帮助我

HTML

<select class="widocznosc">
    <option value="prywatna" class="note_0">prywatna</option>
    <option value="publiczna" class="note_2">publiczna</option>
    <option value="tylko dla grupy" class="note_16">tylko dla grupy</option>
</select>

CSS

.note_0
{color: #b59285;
}
.note_2
{color: #e7511e;
}
.note_16
{color: #6a89a5;
}
select.widocznosc
{border: none;
outline: 0;
background-color: #FAFAFA;
width: 110px;
}

jQuery

jQuery("select.widocznosc").change(function(){
        jQuery(this).css("color", jQuery(this).children("option:selected").css("color")); 
    }).change();

this works in Chrome, Opera, Safari and IE9 but in FF it sets white color, WHY ??!!

DO HELP ME PLS

HTML

<select class="widocznosc">
    <option value="prywatna" class="note_0">prywatna</option>
    <option value="publiczna" class="note_2">publiczna</option>
    <option value="tylko dla grupy" class="note_16">tylko dla grupy</option>
</select>

CSS

.note_0
{color: #b59285;
}
.note_2
{color: #e7511e;
}
.note_16
{color: #6a89a5;
}
select.widocznosc
{border: none;
outline: 0;
background-color: #FAFAFA;
width: 110px;
}

jQuery

jQuery("select.widocznosc").change(function(){
        jQuery(this).css("color", jQuery(this).children("option:selected").css("color")); 
    }).change();

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

下雨或天晴 2024-11-15 00:59:57

您可以更改类:
以下是 JS Bin 中的代码

更改后的代码:

jQuery("select.widocznosc").change(function(){        
      jQuery(this).removeClass().addClass(jQuery(this).find("option:selected").
      attr("class"));
}).change();

You can change the class instead:
Here is the code in JS Bin

The changed code:

jQuery("select.widocznosc").change(function(){        
      jQuery(this).removeClass().addClass(jQuery(this).find("option:selected").
      attr("class"));
}).change();
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文