减少项目之间的间距 - 多选择下拉

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; 
    }