（CSS＆amp; LESS）多个选择元素，样式选择选项

Question

我正在尝试使用CSS＆amp ;;在多选元素中设置所选项目的样式。减。 真的找不到这个，特别是没有与LESS结合。

这是我的HTML：

<label for="userGroups">Select usergroup</label>
<select name="userGroups[]" multiple="multiple" id="userGroups">
    <option value="1">Root</option>
    <option value="2">WebMaster</option>
</select>

这是我的CSS / LESS：

select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    &[multiple] {
        option:selected {
            color: red;
        }
    }
}

我还写了以下代码， 正在工作：

&:not([multiple]) {
    background: url("../images/arrow.png") no-repeat 95% 50%;
}

希望有人知道答案，谢谢：）