当前位置: 首页 > 面试题库 >

更改HTML列表中项目符号的颜色?

范哲
2023-03-14
问题内容

我所希望的是能够将列表中项目符号的颜色更改为浅灰色。它默认为黑色,我不知道如何更改它。

我知道我只能使用图像;如果可以的话,我宁愿不这样做。


问题答案:

项目符号从文本中获取颜色。因此,如果您要使用不同于列表中文本颜色的项目符号,则必须添加一些标记。

将列表文本换成跨度:

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

然后稍微修改您的样式规则:

li {
  color: red; /* bullet color */
}
li span {
  color: black; /* text color */
}


 类似资料:
  • 问题内容: 我想知道是否可以更改列表中项目符号的颜色。 我有一个这样的清单: 对我来说,不可能在li中插入任何内容,例如“ span”或“ p”。那么,我可以以某种巧妙的方式更改项目符号的颜色,但不能更改文本的颜色吗? 问题答案: 如果可以使用图像,则可以执行此操作。如果没有图像,您将只能更改项目符号的颜色,而不能更改文本的颜色。 使用图像 不使用图像 然后,您必须编辑HTML标记,并在列表中包括

  • 我需要在单击ListView时更改选定项目的颜色,以便用户知道单击了什么。 到目前为止,我已经为此编写了以下代码: 它所做的是更改所选项目的背景色,并保持原样,直到我单击另一个项目,使其仅更改当前项目所选的背景色 我还想知道是否有一种XML方法可以做到这一点。到目前为止,我发现: 但我还没有得到之前代码的功能。不过,它所做的是更改背景颜色,并在单击时更改背景颜色,但不使用特定的颜色保留选定的项目

  • 本文向大家介绍Markdown 项目符号列表,包括了Markdown 项目符号列表的使用技巧和注意事项,需要的朋友参考一下 示例 项目符号列表的字符: 星号 加号 减号 请注意: 为了获得最佳效果,您必须使用相同的字符,因为在下面的示例中可以看到,不同的符号使列表中断 项目符号列表的字符: 星号1 星号2 星号3 加号1 加号2 加号3 减号1 减号2 减号3

  • 所以,我有如下简单的项目清单: 通常如下所示: 苹果。Lorem ipsum dolor sit amet,consecetur adipiscing elit。Vivamus venenatis elit turpis,vel fuisis risus pellentesque nec。Curabitur dapibus Libero diam,egestas congue magna dict

  • 我正在开发一个android应用程序,在活动中我有三个领域:1。手机号码2。微调器3。微调器 用户输入手机号码后,我想更改微调器项目的颜色。 有人能告诉我怎么做吗?提前谢谢。

  • 问题内容: 例如,我需要使用星号(★)作为列表项目的项目符号。 我已经阅读了CSS3模块:Lists,它描述了如何使用自定义文本作为项目符号,但是它对我不起作用。我认为,浏览器根本不支持伪元素。 不使用图像怎么办? 问题答案: 编辑 我可能不再建议使用图像。我会坚持使用Unicode字符的方法,如下所示: 老答案 我可能会选择图像背景,它们更 有效, 通用且对跨浏览器友好。 这是一个例子: