如何使用汉堡按钮更改头部图标的颜色？

开发
1

大家好，

我试过了，但是代码不正确
我们能把悬停框的边缘弄成椭圆形吗？
请帮帮我 :heart:

2

更改标题图标颜色：

圆角主题组件 - 可能适合您的需求，或至少能为您提供有关如何实现此功能的代码思路：

3 个赞
3

非常感谢您，@Lilly。
我们可以更改悬停时的颜色吗？以及边框半径代码，我该如何为悬停添加？

4

@Lilly 我做到了！:slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

但我无法更改搜索按钮、菜单按钮和头像侧边。
我该如何找到类似“ .d-header-icons a:hover ”的菜单按钮搜索和头像的样式？

1 个赞
5

我做过了，如果你需要的话 :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}
3 个赞