Html：firefox中的项目符号列表问题

我有如下列表项和css样式，如图所示

该列表在Chrome和IE中正确显示

但在Firefox（V43+）中，我得到的列表具有适当的宽度和高度

。下拉列表内容a{
颜色：#2d73a9；
填充：12px 8px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}
.下拉列表内容ul li:之前{
内容：'\f0c8'；
颜色：#2d73a9；
字号：4px；
背景色：#2d73a9；
右边距：5px；
填充：0px 2px；
垂直对齐：中间对齐；
}

如果您希望项目符号为方形，只需使用

列表样式类型：方形
它可以生成完美的方形项目符号，跨浏览器兼容，代码更少

更多信息：


。下拉列表内容a{
颜色：#2d73a9；
填充：12px 8px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}
李{
列表样式类型：方形；
颜色：#2d73a9；
}









如果您希望项目符号为方形，只需使用
列表样式类型：方形
它可以生成完美的方形项目符号，跨浏览器兼容，代码更少

更多信息：


。下拉列表内容a{
颜色：#2d73a9；
填充：12px 8px；
文字装饰：无；
显示：内联块；
文本对齐：左对齐；
}
李{
列表样式类型：方形；
颜色：#2d73a9；
}









我相信您正在使用此处设置的字体图标。您只需在此处定义
字体系列

这段代码在Firefox中给了我完美的结果。此外，请检查其他必要的图标文件，这些文件需要在此处以正确的路径绑定

.dropdown-content ul li::before {
  content: '\f0c8';
  color: #2d73a9;
  font-size: 4px;
  background-color: #2d73a9;
  margin-right: 5px;
  padding: 0px 2px;
  vertical-align: middle;
  font-family: FontAwesome;
}

如果您不使用字体，那么请使用
列表样式type:square足以实现方形项目符号。此属性将分配给
li
和
：：before
在这种情况下不需要用于项目符号。
我相信您正在使用此处设置的字体图标。您只需在此处定义
字体系列

这段代码在Firefox中给了我完美的结果。此外，请检查其他必要的图标文件，这些文件需要在此处以正确的路径绑定

.dropdown-content ul li::before {
  content: '\f0c8';
  color: #2d73a9;
  font-size: 4px;
  background-color: #2d73a9;
  margin-right: 5px;
  padding: 0px 2px;
  vertical-align: middle;
  font-family: FontAwesome;
}

如果您不使用字体，那么请使用
列表样式type:square足以实现方形项目符号。此属性将分配给
li
，在这种情况下，项目符号不需要
：：before
。
您的
：：-moz列表项目符号将无法工作。它以列表项目符号为目标，正方形是您的
内容
属性。您可以尝试将您的
列表样式类型更改为
square
，或者仅对Firefox使用一种特定样式，您可以搜索：
@-moz文档
应该可以工作。
您的
：-moz列表项目符号
不起作用。它以列表项目符号为目标，正方形是您的
内容
属性。您可以尝试将您的
列表样式类型更改为
square
，或者仅对Firefox使用一种特定样式，您可以搜索：
@-moz文档
。
尝试添加。下拉内容ul li:：before{2 colondots尝试添加。下拉内容ul li:：before{2 ColondotsThank@Addweb Solutions Pvt Ltd，我想这是修复…字体系列和一点填充调整完成了..！感谢@Addweb Solutions Pvt Ltd，我想这是修复…字体系列和一点填充调整完成了。。！