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

Question

我正在使用找到的菜单教程 here一切正常，除了我想要边界 Angular 。我试过尽可能地设置它们，但没有任何效果。关于它应该在哪里工作有什么想法吗？

我试过:

.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;
}