在“选择”选项中设置所选项目的背景色多个

如何解决在“选择”选项中设置所选项目的背景色多个

||                                                                                                                   关闭。这个问题是题外话。它当前不接受答案。                                                      

解决方法

这将更改所选选项的背景颜色

$(\'select\').change(function() {
    $(\'option\').css(\'background\',\'none\');
    $(\'option:selected\').css(\'backgroundColor\',\'red\');
}).change();

在http://jsfiddle.net/TxbVt/1/上查看工作示例     ,看起来好像不想打球：

<style>

::selection {
   background: #FF0000; /* Safari */
   }
::-moz-selection {
   background: #FF0000; /* Firefox */
}
</style>

<select multiple=\"true\">
<option><span style=\"background:FF0000;\">One</span></option>
<option>Two</option>
<option>Three</option>
</select>

<p>This is text.</p>

这并不令我惊讶。根据我的经验，小部件通常会拒绝这种样式。像侯赛因那样，自己动手，似乎是唯一的出路。     ,的JavaScript

document.getElementById(\'your-select\').onchange = function() {

    var options = this.getElementsByTagName(\'option\'),selectedClassName = \'selected\';

    for (var i = 0,length = options.length; i < length; i++) {
        var option = options[i],className = option.className;

        if (i == this.selectedIndex) {
            option.className += selectedClassName;
        } else {
            option.className = (\' \' + className + \' \').replace(new RegExp(\'\\\\s\' + selectedClassName + \'\\\\s\'),\'\');
        }
    }
};

jsFiddle。 的CSS

#your-select option.selected {
    background: red;   
}