【问题标题】:Only in Chrome, bullet showing for top item in OL even though list-style-type:none仅在 Chrome 中,即使 list-style-type:none 也会在 OL 中显示顶部项目的项目符号
【发布时间】:2013-12-23 01:17:42
【问题描述】:

我已经尝试了一百万种方法来弄清楚为什么这个要点不会消失。它仅适用于顶部项目,并且仅在 Chrome 中显示。任何人都可以看到发生了什么?

http://162.242.228.47/?page_id=6

【问题讨论】:

    标签: css list google-chrome styles html-lists


    【解决方案1】:

    似乎 Chrome 确实表现得很奇怪,但原因可能是由于您的 HTML 中的标记无效,特别是:

    <li id="dc_jqaccordion_widget-2" class="widget-container">
    

    W3 标记验证器结果:

    Line 136, Column 59:
    Element li not allowed as child of element div in this context.
    

    您的li 必须包含在ul / ol / menu (source) 中。

    如果您坚持只使用 CSS 解决方案并且不愿意更改您的 HTML,只需将 list-style: none; 添加到 dc_jqaccordion_widget-2 即可。

    此外,您似乎还有一些其他严重的验证错误(例如重复的&lt;/head&gt;),请参阅W3 Validator Results

    【讨论】:

    • 都是手风琴菜单插件自带的代码,我也会尝试用非列表样式调整jqaccordion。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-04-27
    • 2012-08-26
    • 1970-01-01
    • 2014-08-14
    • 1970-01-01
    • 2013-07-16
    • 2016-11-19
    相关资源
    最近更新 更多