代码之家 › 专栏 › 技术社区 › kayasa

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

angular css

kayasa · 技术社区 · 7 年前

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

.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中有一个“a”,那么它也会影响其他元素

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

用黑色突出显示的区域是我想去掉的whitepsace。

1 回复 | 直到 7 年前

Srichandradeep C 7 年前

您必须重写样式,但确保将其包装在另一个类中,以便仅在该类中应用。

例如: HTML:

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

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前