增加list-style-bullet类型的大小

Question

是否有增加的大小的方式只是子弹使用CSS列表样式类型？我不想增加项目符号文本的大小,只需增加项目符号类型.我也不能使用图像或JavaScript.它必须是我可以嵌入<style>标签内的标签内的东西<head>.

Answer 1

可能不适用于旧版本的IE.

li:before{ content:'\00b7'; font-size:100px; }

对于IE6:

没有javascript或图像,我建议<span>·</span>在每个列表项的开头放置一个并设置样式.

+1 个很好的例子（垂直对齐：中间在这里实际上很重要。很好）！还插入了 "\00b7" 可以使用 "•" :) (2认同)
我不认为这完全解决了这个问题.这仅更改第一行的行高.如果您有多个订单项,则会出现此问题.示例:http://jsfiddle.net/1yjcg59c/ (2认同)

Answer 2

要增加子弹的大小，您可以使用

li::marker 
{
    font-size: 2rem;
    font-weight: bolder;
}

要更改项目符号字符，内容属性将起作用

li::marker 
{
    content: '\2746';
    font-size: 2rem;
    font-weight: bolder;
}

Answer 3

我不得不做类似的事情。我的方法是在 li 中的文本周围添加一个 span 标签：

<li><span>Item 1</span></li>
<li><span>Item 1</span></li>

然后，您可以增加 li 的字体大小并减小跨度的字体大小：

li {
  font-size: 20px;
}
li span {
  font-size: 14px;
}

您可能需要调整行高和边距以适应额外的 li 大小。但是这种方法还允许您将项目符号与文本分开着色。