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

Question

我正在使用https://github.com/softsimon/angular-2-dropdown-multiselect创建角度为4的多选下拉列表。

我想更改下拉列表中显示的项目的填充。从开发人员工具，似乎填充设置为3px和20px

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

有没有办法可以在项目上应用自定义CSS来摆脱填充。如果我在我的CSS中覆盖'dropdown-menu＆gt; li＆gt; a'，那么它也会影响其他元素

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

用黑色突出显示的区域是我想摆脱的白色区域。

Answer 1

您必须覆盖该样式，但请确保将其包装在另一个类中，以便它仅在该类中应用。

例如： HTML：

player.stop()

CSS：

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