9.0.103 菜单样式修改 求助

求帮助解决导航菜单样式问题
目前：菜单单元格样式修改不了鼠标悬停和选中，背景色块贴在一起，文字靠左。
需求：鼠标悬停和选中，背景色块中间有间隙，并且文字居中。
谢谢。

给你的菜单添加自定义的css名称，如图：

然后在 设置 -> 自定义JavaScript/CSS 上传CSS
比如：我设置的CSS类名称为myMenu
所以我的CSS内容为：

1. .myMenu li {
   
2.     margin: 5px 0;
   
3. }
   
4. 
   
5. .myMenu li a {
   
6.     padding-left: 0 !important;
   
7. }
   
8. 
   
9. .myMenu li  div {
   
10.     margin: 0 auto;
    
11. }

复制代码

这是效果

加入全局CSS

1. .menuContainer li {
   
2.     margin-top: 10px;
   
3.     border-bottom-width: 10px;
   
4. }
   
5. .menuContainer li a div {
   
6.     margin-left: auto;
   
7.     margin-right: auto;
   
8. }
   
9. .menuContainer li a{
   
10.     padding-left: 0 !important;
    
11. }

复制代码

6666666666666

感谢大佬们的支持