更改firefox的css

我已经在这个网站和其他网站上广泛阅读了关于如何为不同浏览器更改css的内容，但是我发现没有一种方法是有效的

我有一个无序列表，它的列表项在不同的浏览器上以不同的填充量出现。该值被设置为8像素，在chrome和safari上可以完美工作。我试过了

ul.titles li {

padding: 8px;
-moz-padding: 7px;
font-family:"Subway", "Courier New", "serif";
font-size:11;
color: #000000;
}

我也试过了

ul.titles li {

padding: 8px;
padding: -moz-7px;
font-family:"Subway", "Courier New", "serif";
font-size:11;
color: #000000;
}

这两种方法都没有效果。当我尝试为webkit和moz定义一个时，mozilla和chrome都被搞砸了

您可以尝试以下方法：

@-moz-document url-prefix() {
    ul.titles li {
        padding: 7px;
    }
}

---

当然，otherwrite您的css可能会将

类添加到您的
li
尝试在Mozilla扩展中添加您的样式：

@-moz-document url-prefix() {
    /* Styles go here */
}

因此，您可以在CSS样式表中添加以下代码行：

@-moz-document url-prefix() {
     ul.titles li {
        padding: 8px;
        font-family:"Subway", "Courier New", "serif";
        font-size:11;
        color: #000000;
     }
}

您可能希望尝试的另一个选项是，它使浏览器更一致地呈现所有元素，并符合现代标准。它只针对需要规格化的样式。我极力推荐
 我建议使用以使通用元素从通用样式开始，而不是逐个处理每个浏览器。我开发的每一个网站都必须有url-prefix（）后面的括号中

它将在FireFox中格式化。@JonathanBasile，没关系。这发生在我们中最好的人身上。另外，我们都必须从某个地方开始。