0

我在这里有一个图标列表：

http://punky-monkey.co.uk/chalet6/our-chalet/

<ul class="keyfeatures">
    <li id="sleeps14">Sleeps 14</li>
    <li id="hottub">Outdoor Hot Tub</li>
    <li id="fire">Log Fire</li>
    <li id="terrace">South Facing Terrace</li>
    <li id="outdoorterrace">Outdoor Terrace</li>
    <li id="coffee">Bean to Cup Coffee Machine</li>
    <li id="wine">Honesty Bar</li>
    <li id="tv">Freeview TV</li>
    <li id="games">Games Console</li>
    <li id="ipod">iPod Dock</li>
    <li id="wifi">Free Wi-Fi</li>
</ul>

CSS

.keyfeatures li {list-style-type:none; vertical-align:top; margin-left:30px; list-style:none;}

ul #sleeps14 { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/bed.png'); }
ul #hottub { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/hottub.png'); }
ul #fire { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/fire.png'); }
ul #terrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/sun.png'); }
ul #outdoorterrace { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/lounger.png'); }
ul #coffee { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/beans.png'); }
ul #wine { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wine.png'); }
ul #tv { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/tv.png'); }
ul #games { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/games.png'); }
ul #ipod { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/ipod.png'); }
ul #wifi { list-style-image: url('http://punky-monkey.co.uk/chalet6/wp-content/uploads/2013/04/wifiicon2020.png'); }

我想从列表中删除项目符号并且只有图标，我尝试将 list-style-type:none 几乎无处不在 - 有些东西正在覆盖它。

任何人都可以帮忙吗？谢谢，沃伦

4

2 回答 2

1

删除 CSS 内联ul li:after声明。这些正在影响styles.css 中的样式。

ul li:after {
    border-left: 3px solid #FE6500 !important;
}
于 2013-04-04T11:32:10.277 回答
1

它被以下 CSS 覆盖

ul li:after
{
    border-left: solid 3px #fe6500 !important;      
}

如果您需要该功能，请使其仅适用于特定列表。

于 2013-04-04T11:36:18.667 回答