Javascript 在CSS中更改所选内容的颜色

我有一个包含这样一个组件的页面：（屏幕截图显示了该组件的视图和代码）：

我不知道这个部件是什么。我需要将所选项目的颜色更改为红色（选择带有参数“selected”的选项）。没有“选中”的项目可能仍然是灰色的

<select name="user_ids[]" id="user_ids" class="form-control edited" style="background-image: none !important;" required="" multiple="">
                <option value="1" data-role="root" selected="">Admin</option>
                <option value="2" data-role="root">User</option>
                <option value="6" data-role="admin" selected="">Andrzej</option>
            </select>

管理
使用者
安德烈

我如何制作它？

您可以使用：

选择[多个]：焦点选项：选中{
背景：红色线性梯度（0度，红色0%，红色100%）；
}

管理
使用者
安德烈