css - 更改 Firefox 的 CSS

Question

我已在此站点和其他站点上广泛阅读有关如何针对不同浏览器更改我的 css 的内容，但我发现的所有方法均无效。

我有一个无序列表，其列表项在不同的浏览器中显示的填充量不同。该值设置为 8 px，在 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 都搞砸了。

Answer 1

你可以试试这个:

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

确保其他编写你的 css 可能添加一个 class 到你的 li