作为项目符号的图像不显示在HTML、CSS中

作为项目符号的图像不显示在HTML、CSS中,html,css,image,Html,Css,Image,我有一个包含不同语句的列表。每个语句都应该有一个单独的图像作为项目符号。没有显示作为项目符号的图像,但显示的是普通的“光盘”图像 /*我尝试了不同的方法,如: */ #搜索框,李{ 列表样式图像:url('./img/icons/search.svg') } 我的语句,该语句应将“搜索”显示为项目符号图像 我的语句,它应该以项目符号的形式显示“时间” 我的语句,该语句应将“文件夹”显示为项目符号图像 我的声明,应该显示“握手”作为项目符号图像 试试看 从评论中编辑听起来像是您

我有一个包含不同语句的列表。每个语句都应该有一个单独的图像作为项目符号。没有显示作为项目符号的图像,但显示的是普通的“光盘”图像

/*我尝试了不同的方法,如:
*/
#搜索框,李{
列表样式图像:url('./img/icons/search.svg')
}

  • 我的语句,该语句应将“搜索”显示为项目符号图像
  • 我的语句,它应该以项目符号的形式显示“时间”
  • 我的语句,该语句应将“文件夹”显示为项目符号图像
  • 我的声明,应该显示“握手”作为项目符号图像
试试看

从评论中编辑听起来像是您想要的:

#search {
   background-image: url('./img/icons/search.svg')
}

css代码中缺少分号。这是工作代码-

#boxes ul#search li{
  list-style-image: url('http://css-plus.com/examples/2011/12/custom-list-style/i/tick.png');
}


您可以在HTML中作为id进行搜索,在CSS中作为类引用进行搜索。更改其中一个。
列表样式图像
是设置为
ul
not
li
这会将搜索图像应用于列表中的每个项目符号,而不仅仅是搜索图像。如果你想要搜索图像,那么只需执行该选择器,我不知道问题出在哪里
#boxes ul#search li{
  list-style-image: url('http://css-plus.com/examples/2011/12/custom-list-style/i/tick.png');
}
#boxes #search li{
  list-style-image: url('http://css-plus.com/examples/2011/12/custom-list-style/i/tick.png');
}