Can';t在optgroup标签属性中正确添加html img或图标
我一直在尝试在optgrouplabel属性中添加html元素,比如图像或字体图标,为此我需要在标签中添加一个span或img。我现有方法的问题是Can';t在optgroup标签属性中正确添加html img或图标,html,css,select,optgroup,Html,Css,Select,Optgroup,我一直在尝试在optgrouplabel属性中添加html元素,比如图像或字体图标,为此我需要在标签中添加一个span或img。我现有方法的问题是 在optgroup的第一行添加fontawesome会更改不需要的字体 必须在label属性中添加html空间,这会破坏响应性 CSS: HTML {{cat.CATEGORY_NAME} {{cat.CATEGORY_NAME} 我尝试过,但这是一个旧项目,添加selectpicker类对已经运行的组件有不希望的影响,因此我需要坚持使用html
{{cat.CATEGORY_NAME}
{{cat.CATEGORY_NAME}
我尝试过,但这是一个旧项目,添加selectpicker类对已经运行的组件有不希望的影响,因此我需要坚持使用html/CSS/JaveScript解决方案,而不添加任何其他依赖项。html选择元素本身可以使用CSS设置样式,但不能使用其中的选项或OPTGroup 单击选择元素后打开的下拉菜单由浏览器生成 我的建议是使用自定义JavaScript下拉菜单
optgroup::first-line {
font-family: 'FontAwesome', 'sans-serif';
font-size: 14px;
font-weight: 500;
}
<select size="4" id="filterParentCategory" class="find_box" data-ng-model="Filter.CATEGORY_ID">
<option data-ng-repeat="cat in Filters" ng-if="cat.PARENT_GROUP==null" title="{{getCategoryName(cat)}}" value="{{cat.CATEGORY_ID}}">{{cat.CATEGORY_NAME}}</option>
<optgroup label='Special Projects ' id="specialProjectsAccordian" onclick="hideFilterChildern()">
<option data-ng-repeat="cat in Filters" ng-if="cat.PARENT_GROUP==6" title="{{getCategoryName(cat)}}" value="{{cat.CATEGORY_ID}}">{{cat.CATEGORY_NAME}}</option>
</optgroup>
</select>