在 Angular js 中，如何在多选中使选定的选项加粗答案

【问题标题】：In Angular js , how to make selected options bold in multiple select在 Angular js 中，如何在多选中使选定的选项加粗
【发布时间】：2017-01-17 15:43:46
【问题描述】：

在 Angular 中，如果我选择香蕉和苹果，多选下拉菜单，如选择水果、苹果、橙子、香蕉这样的选项 - 如何使此选项看起来粗体并更改背景？

【问题讨论】：

如果你提供一些代码，会更容易回答问题

标签： html css angularjs select

【解决方案1】：

您可以使用ngClass 执行此操作，请看下面的示例：

<select ng-model="myModel">
    <option ng-class="{'bg-orange' : myModel == 1}" ng-value="1">Orange</option>
    <option ng-class="{'bg-blue' : myModel == 2}" ng-value="2">Blue</option>
    <option ng-class="{'bg-black' : myModel == 3}" ng-value="3">Black</option>
</select>

要更改背景选项，您可以做一个普通的 css：

.bg-orange{
    background-color: orange;
}
.bg-blue{
    background-color: blue;
}
.bg-black{
    background-color: black;
}

更新

看看这个答案：select-dropdown-bold-on-some-options

【讨论】：

【解决方案2】：

通常，您可以使用<strong> 元素封装您的单词，以使文本变为粗体。您可以在元素上添加一个 css 类以更改背景。 .myClass{background:red}

【讨论】：