Firefox 中的奇怪的引导下拉列表和按钮行为



我正在使用引导程序 3 创建一个导航栏菜单。我有一个填充有按钮的下拉菜单。显示功能在Chrome中起作用,但在Firefox中不起作用。在FF中,菜单的边框切入按钮,而不是围绕它。

我发现了一个奇怪的"黑客"来获得Firefox的正确显示。添加一个常规链接元素,该元素的文本与按钮元素的文本量大致相同,从而使其正确显示。

网站有错误。第 19-29 行。(对应于酸元素旁边的数字3)http://bootply.com/101568

黑客:第 21 行 http://bootply.com/101564

有没有更好的方法可以让显示器在 Firefox 上正确显示,如果是这样,它是什么?

官方不支持在下拉列表中使用按钮(从版本 3.0.3 开始)。但这听起来像是他们将来可能会添加的东西。

下拉列表的样式和 js 使用 .dropdown > li > a 作为选择器,这就是为什么如果您不使用链接,您会得到奇怪且不一致的结果。

在下拉列表中设置输入/按钮标签的样式

引用自mdo(引导的创建者)....

在 v4 下降之前,我们无法更改下拉项的行为,我的意思是我们解决这个问题的唯一方法是在下拉链接上使用必需的类(例如,.dropdown-item 而不是 .dropdown> li> a)。如果我们只弃用旧的选择器,我们可以在 v3.1 中解释这一点,但我不确定

权衡

最新更新