Css Radcliffe主题中的下拉菜单

我的页面是。我一直试图在我的下拉菜单中进行一些更改，但似乎不起作用

我试图用白色代替鼠标结束时的红色，只在单词下面划线。 然后，即使我使文本向左对齐，它也不会与主标题的左侧对齐。我将感谢您的任何建议

.main-menu ul a {
  text-align: left;
  width: 170px;
  padding-left: 8%;
  padding-right: 0;
  margin-left: 15%;
  border-top: 1px;
  border-bottom: 1px;
  border-left: 0;
  border-right: 0;
  background-color: rgba(255,255,255,0.6);
}

详细内容： 如果您转到“设计”标题的下拉菜单，您将看到它与实际标题（即“设计”）不对齐。 然后，当鼠标在下拉菜单上移动时，它会变成红色，我不想看到它（我只希望它是白色的）。

---

我希望现在一切都清楚了，因为不可能上传任何照片……（

以获得您想要的悬停效果：

您应该更改：

。主菜单ul a：悬停{
背景：#ca2017无重复滚动0；
边框颜色：#ca2017；
颜色：#fff；
}

例如：

。主菜单ul a：悬停{
边框底部样式：实心；
边框底宽：1px；
边框颜色：黑色；
背景色：#fff；
}

您可能还希望从以下位置删除边界半径：

.main menu>li>a

，

主菜单ul>li:first child>a

和

。主菜单ul>li:last child>a

您的子菜单对齐问题有点混乱。

您的问题来自下面列出的负左边距和左定位（将它们全部更改为“0”）：

。主菜单ul{左边距：-110px；/*更改为0*/}

。主菜单ul a{左边距：15%；/*更改为0*/}

.main menu>li:hover>ul{left:50%；/*更改为0*/}

纠正第三级子菜单对齐方式：

更新第三级菜单上的左边距，使其与第二级下拉菜单的宽度加上css箭头的额外空间相匹配。当前边距为235px，应为180px

---

.main menu ul{left:180px；/*170px（宽度为.main menu ul a）+10px（CSS箭头-.main menu ul:：after{left:-10px}）}

请在您的问题中添加您的CSS代码。如果您也可以添加一把小提琴，它会更有用。.主菜单ul a{文本对齐：左；宽度：170px；左填充：8%；右填充：0；左边距：15%；边框顶部：1px；边框底部：1px；边框左侧：0；边框右侧：0；背景色：rgba（255255255,0.6）}nav>ul>li:hover>a{边框顶部：1px实心#0a0a0a0a；文本装饰：无；}抱歉，我看到我写了“请添加在这里”。我的意思是你应该编辑你的问题，并将其作为格式化代码添加到那里。尝试创建一个演示来显示实际问题。如果我发送一张问题的照片，可以吗？