メインのナビゲーション メニューとして横型の剣道メニューがあります。子を持つメニュー項目では、メニュー項目テキストの最後に右矢印がありますが、その右にあり、ほぼ負のスペースがあります。padding-left、margin-left、:beforeおよび疑似を試してみました:afterが、唯一の違いは、:after疑似をcontent: " "で使用した場合、実際には スペースを使用して文字通り5文字の文字列を挿入したことでした。つまりcontent: " "、効果はありませんでした。
ユーザーは何らかの理由で子を持つメニュー項目をクリックしてドロップダウンにする必要がありますが、まったく機能しないホバー状態もあると思われるため、メニュー項目に子があり、それらを見るにはクリックする必要があります。現時点での私の唯一の解決策は、jQuery を使用して爆破された矢印を削除し、私の質問への回答を使用することです。How do I make a Kendo Menu open on hover, not on click? 子を持つメニュー項目を自動的にドロップダウンにします。
この緑の地球上で、矢印とメニュー項目のテキストの間に適切なスペースを確保する方法を知っている人はいますか?それを共有してもよろしいですか?
メニューの写真は次のとおりです。
