減少項目之間的間距 - 多選擇下拉

Question

我使用https://github.com/softsimon/angular-2-dropdown-multiselect創建在角4.

多選擇下拉我想改變對顯示在下拉項的填充。從開發工具，它似乎填充設爲3px的和20像素

.dropdown-menu>li>a { 
    display: block; 
    padding: 3px 20px; 
    clear: both; 
    font-weight: 400; 
    line-height: 1.42857143; 
    color: #333; 
    white-space: nowrap; 
} 

有沒有辦法，我可以申請在項自定義CSS擺脫填充的方式。如果我重寫「下拉菜單> LI>一個」在我的CSS，那麼它可能會影響其他元素

.dropdown-menu>li>a { 
    display: block; 
    padding: 1px 5px; 
    clear: both; 
    font-weight: 400; 
    line-height: 1.42857143; 
    color: #333; 
    white-space: nowrap; 
} 

面積黑色突出的是，我想獲得的whitepsace擺脫。

Answer 1

您必須重寫樣式，但要確保將其包裝在另一個類中，以便僅在該類中應用該樣式。

例如： HTML：

<div class="customDropdown"> 
//Use drop down here 
</div> 

CSS：

.customDropdown .dropdown-menu>li>a { 
     display: block; 
     padding: 1px 5px; 
     clear: both; 
     font-weight: 400; 
     line-height: 1.42857143; 
     color: #333; 
     white-space: nowrap; 
    }