ハンバーガーボタンでヘッダーアイコンの色を変更するにはどうすればよいですか

開発
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