设置<选择>颜色,FireFox 3.6.17 问题选择>
这适用于 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以更改类:
以下是 JS Bin 中的代码
更改后的代码:
You can change the class instead:
Here is the code in JS Bin
The changed code: