在<selectonemenu>标记外添加星号

Question

我试图将星号放在框外，哪些字段是强制性的，我无法得到理想的结果。经过一些研究，我在互联网上发现了这个代码，但它仍然不适合我。 这是我的HTML代码

<

div class="add_cdc_info">
                            <h:selectOneMenu value="#{editCdc.selectedMedia}">
                                <f:ajax listener="#{editCdc.changeSubtype}"
                                    render="speciality_selection" />
                                <f:ajax listener="#{editCdc.changeUnit}"
                                    render="speciality_unit" />
                                <f:selectItem itemValue="" itemLabel="Select Media Channel" />
                                <f:selectItems value="#{editCdc.listOfMediaChannels}" />
                            </h:selectOneMenu>
<label class='control-label'>
                            <h:selectOneMenu id="speciality_selection"
                                value="#{editCdc.selectedSubtype}">
                                <f:selectItem itemValue="" itemLabel="Select Subtype*" />
                                <f:selectItems value="#{editCdc.subtypeValues}" />
                            </h:selectOneMenu>
</label>

</div>

这是相应的css样式表

.add_cdc_info .control-label:after { 
    color: #d00;
    content: " *";
    position: absolute;
    margin-left: 8px;
    top:7px;}

但后来我没有得到理想的结果。我怎么能这样做？ 星号应该出现在框外，因为它出现在必填字段之外。