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

时间:2013-07-02 01:05:31

标签: html css menu html-lists css3

我正在使用找到的here菜单教程,除了我想要的边角以外,一切正常。我尝试过将它们设置在任何地方,但没有任何效果。关于它应该在哪里工作的任何想法?

我试过了:

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

也:

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

我尝试过的每个可能的地方都没有看到任何影响...... :(

2 个答案:

答案 0 :(得分:1)

正如@Dean Stalker所提到的,您需要在子菜单的ul元素上设置背景颜色。您还需要设置填充或边框宽度> 0到同一个ul,以便border-radius有一些东西可以"四舍五入"。

以下假设子菜单的背景颜色为白色,就像您链接到的演示一样:

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

答案 1 :(得分:0)

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