有序列表项目前面有数字和方块

Question

我找不到解决这个问题的方法。我的有序列表项目有前导数字和黑色方块。我希望他们只有一个前导数字，并消除黑色方块。可能有另一个更高级别的样式表控制li的外观，但我想用本地内联样式覆盖它。

HTML：

<ol>
  <li>Light all of the blah blah blah.</li>
  <li>Close the hood and blah blah blah.</li>
  <li>Turn off the  blah blah blah.</li>
  <li>Once the grill has  blah blah blah.</li>
</ol>

我试过了：

ol{
list-style-type:none;
list-style:none;
}
li{
list-style:none;
list-style-type:none;
}

...结果：仅限方形。

ol{
list-style-type:decimal;
list-style:none;
}
li{
list-style:none;
list-style-type:none;
}

...结果：仅限方形。

ol{
list-style-type:decimal;
list-style:decimal;
}
li{
list-style-type:decimal;
list-style:none;
}

...结果：仅限方形。

ol{
list-style-type:decimal;
list-style:decimal;
}
li{
list-style-type:decimal;
list-style:decimal;
}

...结果：数字和方形。

我也尝试了一个特定的伪类（我认为这是正确的术语）：

li.mine{
list-style-type:decimal;
list-style:decimal;
}

......等等。仍然产生一个领先的数字和正方形。

<ol>
  <li class="maintenance">Light all of the blah blah blah.</li>
  <li class="maintenance">Close the hood and  blah blah blah.</li>
  <li class="maintenance">Turn off the  blah blah blah.</li>
  <li class="maintenance">Once the grill has  blah blah blah.</li>
</ol>

更新 显然，在主样式表中有一个li:before { content: "■"; }

我将li:before{ content: "" }添加到本地内联样式，然后摆脱了正方形。感谢JoshC。

Answer 1

可能有一个:before伪元素导致了这个方块。

删除它，或添加以下内容：

li:before {
    content:"";
}