找回密码
 立即注册

QQ登录

只需一步,快速开始

skuing

注册会员

9

主题

21

帖子

156

积分

注册会员

积分
156
skuing
注册会员   /  发表于:2024-4-27 22:53  /   查看:1714  /  回复:4
1金币
求帮助解决导航菜单样式问题
目前:菜单单元格样式修改不了鼠标悬停和选中,背景色块贴在一起,文字靠左。
需求:鼠标悬停和选中,背景色块中间有间隙,并且文字居中。
谢谢。
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

给你的菜单添加自定义的css名称,如图: 然后在 设置 -> 自定义JavaScript/CSS 上传CSS 比如:我设置的CSS类名称为myMenu 所以我的CSS内容为: 这是效果

4 个回复

倒序浏览
最佳答案
最佳答案
Ben.C
初级会员   /  发表于:2024-4-27 22:53:19
来自 3#
给你的菜单添加自定义的css名称,如图:

然后在 设置 -> 自定义JavaScript/CSS 上传CSS
比如:我设置的CSS类名称为myMenu
所以我的CSS内容为:
  1. .myMenu li {
  2.     margin: 5px 0;
  3. }

  4. .myMenu li a {
  5.     padding-left: 0 !important;
  6. }

  7. .myMenu li  div {
  8.     margin: 0 auto;
  9. }
复制代码

这是效果

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +5 收起 理由
Simon.Sun + 5 很给力!

查看全部评分

回复 使用道具 举报
豪~豪悬赏达人认证 活字格认证
银牌会员   /  发表于:2024-4-28 08:54:09
2#
加入全局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. }
复制代码

评分

参与人数 1金币 +5 收起 理由
Simon.Sun + 5 赞一个!

查看全部评分

回复 使用道具 举报
xxh113
中级会员   /  发表于:2024-4-28 09:41:33
4#
6666666666666
回复 使用道具 举报
Simon.Sun活字格认证 Wyn认证
超级版主   /  发表于:2024-4-28 11:07:11
5#
感谢大佬们的支持
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部