Question

IE8中的项目符号非常小，我尝试更改字体大小，但这不起作用。代码：

<ul style="padding:0; margin:0; margin-left:20px;">
    <li>item 1</li>
    <li>item 2</li>
</ul>

如果不使用子弹图像，有没有办法做到这一点？

Answer 1

您可以在IE8条件评论中执行此操作...

ul {
   list-style: none;
}

ul li:before {
   content: "•";
   font-size: 170%; /* or whatever */
   padding-right: 5px;
}

jsFiddle

在IE7中，您可以通过JavaScript添加子弹并相应地设置样式。

Answer 2

当Firefox和Chrome出现时，Internet Explorer似乎不支持list-style-type使用font-size的子弹大小调整。我不知道这是一个已知问题还是bug。

有解决方法，但有时图像是最快且更广泛支持的“修复”。

Answer 3

IE8 +会对子弹进行缩放，但不会对每种字体大小进行缩放我的解决方案是基于Verdana的子弹比Arial更大的事实。我使用css为li设置Verdana，同时我在li的内容周围添加额外的跨度以保留原始字体。此外，由于Verdana可以使线条更高，我可能需要使用线高来弥补这一点，但这取决于浏览器。
此外，我可以使用更大的字体大小li来使子弹更大，然后我将不得不使用更小的线高。

ul {
    font: 12px Arial;
}
ul li {
    font-family: Verdana;
    line-height: 120%;
} /* font-size: 14px; line-height: 100%; */
ul li span {
    font: 12px Arial;
}

<ul>
    <li><span>item 1</span>
    <li><span>item 2</span>
</ul>

Answer 4

您也可以使用它：它对我有用

li::marker{
   content:"\25A0" 
   font-size: 1.5rem
   color: black;
   vertical-align: bottom;
}

Answer 5

li::marker{ 字体大小：20px； //管他呢 }

如何增加李子弹的大小？

5 个答案: