覆蓋引導類型前端CSS類

Question

我需要覆蓋引導類型前導功能的css類.typeahead但是我需要保留默認值。

通常情況下，我的包裹等類用一些自定義的類股利和重寫它像

.my-class .typeahead{...} 

然而，引導創建ul動態，所以我不能應用這種包裝。

有什麼可以解決它的？

Answer 1

引導程序下拉事先鍵入的內容動態生成下面的HTML：

適用也是一個樣式下拉菜單

<ul class="typeahead dropdown-menu"> 
    ... 
    <li><a href="#">MATCHING RESULT</a></li> 
    ... 

默認的CSS規則。

.dropdown-menu .active > a, 
.dropdown-menu .active > a:hover { 
color: #333333; 
text-decoration: none; 
background-color: #0081c2; 
... 
} 

因此，要在不更改下拉菜單的情況下重寫typeahead，您需要在此之後的某個位置添加規則。我把我的一個單獨的文件後，我加載bootstrap.css。*

.typeahead .active > a, 
.typeahead .active > a:hover { 
color: white; 

/* Change the typeahead background color here if you'd like */ 
background-color: Green; 

/* Turns off the default background gradients */ 
background-image: none; 
} 

*最佳實踐建議您結合起來，當你去生產最小化所有CSS，但無論如何，這個規則應該是一前一後除非你使它比.dropdown-menu規則更具體。