html - 无法在工具提示菜单上设置圆角边框

Question

我正在使用此处找到的菜单教程，一切正常，除了我想要边框角。我已经尝试在任何可能的地方设置它们，但没有任何效果。关于它应该在哪里工作的任何想法？

我试过了：

.cbp-tm-show .cbp-tm-submenu{
   border-radius: 5px;
}

还：

.cbp-tm-show-below .cbp-tm-submenu{ border-radius: 5px; }

我已经尝试过所有可能的地方，但没有看到任何效果.. :(

Answer 1

正如@Dean Stalker 提到的，您需要在子菜单的ul元素上设置背景颜色。您还需要将填充或边框宽度 > 0 设置为相同ul的值，以便border-radius“四舍五入”。

下面假设子菜单的背景颜色为白色，就像您链接到的演示一样：

.cbp-tm-submenu {
    border: 5px solid #fff;
    background-color: #fff;
    border-radius: 5px;
}

Answer 2

@Andres 尝试在 ul 元素（.cbp-tm-show .cbp-tm-submenu）上设置背景颜色。目前背景颜色设置为透明（在演示中）。