造型組標題爲NG選項中選擇標籤

所以我使用了角「GROUP BY」在我的NG選項過濾我<select>標籤。所以，我想知道的是一種方法，能夠將下面的風格元素添加到組頭：造型組標題爲NG選項中選擇標籤

font style: normal; 
font weight: normal; 
font-color: #b2b2b2;

這是代碼片段我想實現這一點，以供參考：

<div class="col-xs-12"> 
<select chosen ng-options="location._id as location.name group by location.company.name for location in locations" ng-model="fl.locations" multiple="true"></select> 
</div>"

希望對此有所幫助。呵呵，我寧願它不是一個jQuery的解決方案，而是成爲某種JavaScript或角指令樣的解決方案的。再次感謝:)

來源

2017-08-07 Kuday

添加代碼，請 – AAT

請提供[MCVE] –

您需要使用基本的CSS樣式的'OPTGROUP '標籤。我試圖做到這一點在Firefox和它的工作風格和重量，而不是顏色雖然。也看到這一點：https://stackoverflow.com/questions/7452479/how-to-change-the-style-of-a-select-box-optgroup-label –

角呈現爲每個組中的表達group byoptgroup HTML元素。

所以樣式的羣體，你只針對使用CSS optgroup元素：

optgroup { 
    font-weight: normal; 
    font-style: normal; 
    color: #b2b2b2; 
}

然而，這些樣式將向下級聯到子option元素。所以，你需要重寫任何不想要的樣式需要option：

optgroup { 
 
    font-weight: normal; 
 
    font-style: normal; 
 
    color: #b2b2b2; 
 
} 
 

 
option { 
 
    color: black; 
 
}

<select> 
 
    <optgroup label="Group A"> 
 
    <option>A1</option> 
 
    <option>A2</option> 
 
    </optgroup> 
 
    <optgroup label="Group B"> 
 
    <option>B1</option> 
 
    <option>B2</option> 
 
    </optgroup> 
 
</select>

來源

2017-08-07 17:14:40

造型組標題爲NG選項中選擇標籤

回答

相關問題