Javascript 如何在引导下拉列表中添加彩色边框

我想给bootstrap下拉列表一个彩色下拉列表，但不知道怎么做。 请给出任何解决方案，谢谢

.dropdown-menu
{
    border:1px solid #FC3;

}

<ul class="dropdown-menu" id="menu1">
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li><a href="#">Separated link</a></li>
              </ul>

---

请尝试在其他浏览器中查看，或者如果使用Internet explorer，请尝试在F12兼容模式下更改浏览器版本。引导下拉列表可以在不同浏览器中呈现不同的效果

尝试在css中插入

a.dropdown-toggle { outline: none}

---

希望这对您有所帮助。

您想为ul下拉列表或li项目添加背景色吗？您的代码应该可以正常工作。你应该把你的代码放到一个文件夹中，这样我们就可以看到还有什么可能会干扰border属性。您还应该更精确：您希望整个下拉列表上的边框，还是每个菜单项上的边框？我希望为整个下拉列表指定边框，即下拉列表的外部边框。我想它会是ul的。你想要每一个li的边框颜色吗？你的代码看起来很好。我在jsfiddle中尝试了一个快速的例子。这个问题一定是由于您发布的内容之外的原因造成的。