引導選擇位置顯示刻度

Question

是否有可能右側的刻度顯示？ 我想編輯我的CSS代碼bu沒有改變！只有在我的下拉菜單中的選項，像這樣的：

的CSS

.dropdown-menu { 
position: relative; 
top: 100%; 
right: 0; 
z-index: 1000; 
display: none; 
float: right; 
min-width: 160px; 
padding: 5px 0; 
margin: 2px 0 0; 
list-style: none; 
font-size: 14px; 
background-color: #fff; 
border: 1px solid #ccc; 
border: 1px solid rgba(0,0,0,.15); 
border-radius: 3px; 
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); 
box-shadow: 0 6px 12px rgba(0,0,0,.175); 
background-clip: padding-box; 
} 

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { 
margin-left:10px; 
} 

HTML

<div class="row"> 
     <div class="form-group col-sm-8 col-md-6 col-lg-4"> 
      <label>Sistemas Operacionais</label> 
       <asp:DropDownList ID="ddlSistemaOperacional" runat="server" onchange="carregarAbas()" CssClass="form-control" multiple data-live-search="true"> 
       </asp:DropDownList> 
       <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="*" Text="*" 
        EnableClientScript="true" ClientValidationFunction="validaSistemaOperacional" ValidationGroup="1" 
        ValidateEmptyText="true" Display="Dynamic" CssClass="text-error" ForeColor="">Campo obrigatório</asp:CustomValidator> 
    </div> 
</div> 

的對文本的左蜱節目。我想在文本的右側顯示滴答聲！任何人？

Answer 1

.dropdown-menu { 
 
    position: absolute; 
 
    top: 100%; 
 
    left: 0; 
 
    z-index: 1000; 
 
    display: none; 
 
    float: left; 
 
    min-width: 160px; 
 
    padding: 5px 0; 
 
    margin: 2px 0 0; 
 
    list-style: none; 
 
    font-size: 14px; 
 
    text-align: left; 
 
    background-color: #fff; 
 
    border: 1px solid #ccc; 
 
    border: 1px solid rgba(0, 0, 0, .15); 
 
    border-radius: 3px; 
 
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
 
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
 
    background-clip: padding-box; 
 
    -webkit-background-clip: padding-box; 
 
} 
 
.bootstrap-select.btn-group .dropdown-menu li { 
 
    position: relative; 
 
} 
 
.dropdown-menu>li>a { 
 
    display: block; 
 
    padding: 3px 20px; 
 
    clear: both; 
 
    white-space: nowrap; 
 
} 
 
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { 
 
    margin-left: 10px; 
 
} 
 
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { 
 
    position: absolute; 
 
    display: inline-block; 
 
    right: 15px; 
 
    margin-top: 5px; 
 
}