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

通过使用更多CSS设置或删除已使用CSS添加的元素的样式

vaadin menu css

Adder · 技术社区 · 6 年前

我有以下由Vaadin框架生成的HTML和CSS:

<div class="v-slot">
<div class="v-splitpanel-horizontal v-widget v-has-width" style="width: 100%;">
    <div style="position: relative; width: 100%; height: 100%;">
        <div class="v-splitpanel-first-container v-scrollable" style="height: 100%; width: 90px;">
            <div tabindex="0" class="v-menubar v-widget v-has-width" style="width: 90px;">
              <span class="v-menubar-menuitem v-menubar-menuitem-menulevel0 v-menubar-menuitem-selected" style="color: transparent;">
                  ::before
                  <span class="v-menubar-submenu-indicator" style="color: yellow;">âº</span>
                  <span class="v-menubar-menuitem-caption" style="color: red;">
                  <span class="v-icon Vaadin-Icons">î³</span></span>
              </span>
            </div>
        </div>
    </div>
</div>

.v-menubar > .v-menubar-menuitem:before {
    content: ">";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
}

:before 添加要删除或隐藏的指示器。

:之前

:之前 使用CSS?

2 回复 | 直到 6 年前

cloned 6 年前

您可以通过将内容设置为“”来删除该内容,如下所示:

.v-menubar > .v-menubar-menuitem:before {
   content: "";
}

这将删除“>”菜单中的图标。

Adder 6 年前

:before :after 做。这是有意义的,因为指示器显示在图标之后。

.v-menubar > .v-menubar-menuitem-menulevel0 .v-menubar-menuitem-caption:after {
    content: "";
}

推荐文章

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 年前