Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在li中增加子弹尺寸?_Css_Internet Explorer 8_Html Lists - Fatal编程技术网

Css 如何在li中增加子弹尺寸?

Css 如何在li中增加子弹尺寸?,css,internet-explorer-8,html-lists,Css,Internet Explorer 8,Html Lists,IE8中的项目符号太小了,我尝试过改变字体大小,但没有成功。 代码: 项目1 项目2 有没有办法在不使用项目符号图像的情况下执行此操作?您可以在IE8条件注释中执行此操作 ul { list-style: none; } ul li:before { content: "•"; font-size: 170%; /* or whatever */ padding-right: 5px; } 在IE7中,您可以通过JavaScript预先设置项目符号,并对其进行

IE8中的项目符号太小了,我尝试过改变字体大小,但没有成功。 代码:

  • 项目1
  • 项目2

有没有办法在不使用项目符号图像的情况下执行此操作?

您可以在IE8条件注释中执行此操作

ul {
   list-style: none;
}

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


在IE7中,您可以通过JavaScript预先设置项目符号,并对其进行相应的样式设置。

Internet Explorer似乎不支持像Firefox和Chrome那样从
列表样式类型使用
字体大小来调整项目符号的大小。我不知道这是否是一个已知的问题或错误


有一些解决办法,但有时图像是最快、支持范围更广的“修复方法”。

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>
ul{
字体:12px Arial;
}
ulli{
字体系列:Verdana;
线高:120%;
}/*字体大小:14px;线高:100%*/
李斯潘{
字体:12px Arial;
}
  • 项目1
  • 项目2

你也可以使用这个:它适合我

li::marker{
内容:“\25A0”
字体大小:1.5rem
颜色:黑色;
垂直对齐:底部对齐;
}
li::marker{ 字体大小:20px;//或其他
}

我在询问一些修复方案……是的,我想让子弹像Firefox一样变大。它在ie8中可以正常工作,但在ie7中却不行,因为在IEZ中以前不起作用ie7@user964104:是的。然而,你的问题包括IE8中的子弹…@alex;在css中为项目符号使用十六进制值。这更好,因为在某些情况下符号不起作用。@sandeep:在这种情况下我会使用
\2022
。好主意。我会添加一个
垂直对齐:底部之前的
选择器中选择code>,以使项目符号看起来更好。code正在工作,但
字体大小:1.5rem
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>