不显示有序列表或无序列表的数字/项目符号

Question

所有， 我使用以下代码在 ol.txt 中生成一些 li 项目。

$output = '<div id="menu_options">';
$output .= '<ol class="tabs">';
foreach($menu_items as $menu){
    $output .= '<li><a href="'.$menu->ID.'" class="menu_page_id">'.$menu->title.'</a></li>';
}
$output .= '</ol>';
$output .= '</div>';
$output .= '<div id="menu_content">This is content</div>';

这工作正常，但是我想去掉 1.、2. 等。有没有办法删除这些并且不显示它们通常会出现的任何内容？

Answer 1

是的，在

list-style-type:none

上使用

ol

的样式属性，可以作为

style

属性内联，或者在

.tabs

类下的样式表中。

参见 http://www.w3.org/TR/CSS21/generate.html#lists

Answer 2

如果您不想在订单列表中显示数字，请使用此 CSS 代码。为

className="disp"

.disp{list-style-type:none;}

编写代码，此代码不会显示任何数字。

<div className="disp">
    <ol>
        <li>Apple<li>
        <li>Mango<li>
        <li>Orange<li>
    </ol>
</div>

Answer 3

使用以下内容： .disp li::before {内容：“•”；颜色：红色}