Rumah > Artikel > hujung hadapan web > 为什么list-style-type:none;没有起作用？
为什么list-style-type:none;没有起作用？
- 黄舟asal
- 2017-06-29 13:50:373455semak imbas
我学习别人的写法，直接写在CSS的最前面，可在FireFox下不起作用。IE倒是不用也不会出现圆点~
<ul id="navlist"> <li>首页</li> <li>简介</li> </ul>
Css
样式一
ul{list-style-type:none;}
#navlist li{float:left;padding:55px 13px 0 0;}样式二
#navlist li{float:left;padding:55px 13px 0 0;list-style-type:none;}“样式一”在FF下还是会出现列表圆点。“样式二”就不会出现~郁闷。为什么别人就行呀~~~~~
这样试试:
ul#navlist{list-style-type:none;}<html>
<head></head>
<style type="text/css">
ul{list-style-type:none;}
#navlist li{float:left;padding:55px 13px 0 0;}
</style>
<body>
<ul id="navlist">
<li>首页 </li>
<li>简介 </li>
</ul>
</body>
</html>我的FF没有圆点
FF,IE6,IE7,IE8正常
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#uTest{list-style:none;}
</style>
</head>
<body>
<div>
<ul id="uTest">
<li>l1</li>
<li>l2</li>
<li>l3</li>
</ul>
</div>
</body>
</html>Atas ialah kandungan terperinci 为什么list-style-type:none;没有起作用？. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：为什么css ：list-style-type属性经常会不起作用？Artikel seterusnya：CSS中list-style-type:square的大小和颜色如何控制？