在css中设置ul样式，怎样修改li的前面默认圆点的颜色？_IT百科

li{list-style:none}把默认的给去掉，然后把着了色的圆点切成一张背景图片使用。

1.li自身圆点的颜色是修改不了的，你不想要那个圆点的话，可以通过以下几种方式来解决，.将圆点去掉，li{ list-style:none}，然后用color:#ff0000设置字体的颜色，<li>.</li>这里的点就是红色的了。

2.你可以设置为自己喜欢的颜色，如果你要区分点和字的颜色，可以在li里面再嵌入一个标签，像这样：<li style="color:#ff0000font-size。

3.12px"><span style="color:#00ff00font-size:20px">.</span>list1</li>这样点就是绿色的，字就是红色的了。

4.将圆点去掉，li{ list-style:none}；然后将那个点做成图片，然后嵌入li中。：<li style="color:#ff0000font-size:12px<img src="图片地址">list1</li>。

#top_e li {

font-size:9pt

background-color: #4BAFDA

color:#000000

text-decoration:none

display: inline

border: 1px solid #000000

overflow: visible

width: 11%

height: 40px

margin-bottom: 10px

text-align: center

padding-top: 12px

}

#top_e li {

color:red

}

</div>

题目有点简单，不清楚具体问题是什么。

下面写了一下关于鼠标移入移出，li变色的例子，仅供参考。

思路：当鼠标移入时，修改li的背景色，直接用background修改就可以。

鼠标移出时，恢复原来li的背景色。

<body>

</ul>

</body>

var oUl = document.getElementById('ul')

var aLi = oUl.children

for(var i=0i<aLi.lengthi++){

aLi[i].onmouseover = function(){

this.style.background = 'red'

}

aLi[i].onmouseout = function(){

this.style.background = ''

}

</script>

欢迎分享，转载请注明来源：内存溢出

在css中设置ul样式，怎样修改li的前面默认圆点的颜色？