html - ツールチップ メニューに丸い境界線を設定できない

Question

ここにあるメニューチュートリアルを使用していますが、ボーダーコーナーが必要な場合を除いて、すべて正常に機能します。可能な限りどこにでも設定しようとしましたが、何も機能しません。どこで機能するかについてのアイデアはありますか？

私はもう試した：

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

また：

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

可能な限りすべての場所で試しましたが、効果は見られませんでした.. :(

Answer 1

ul@Dean Stalker が言及しているように、サブメニューの要素に背景色を設定する必要があります。また、何かを「丸める」ulためには、パディングまたはボーダー幅 > 0 を同じ値に設定する必要があります。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) に背景色を設定してみてください。現時点では、背景色は透明に設定されています (デモ)。