CSS:UL 子弹被隐藏

Question

我有一个基本的 CSS 问题。

我有一个列表，但我无法显示元素符号..

这是一个screenshot

让它们显示的唯一方法是将位置设置为 inside，但我希望它按原样设置为 outside.. 无论如何我在左侧添加了很多填充或 nmargin，我似乎无法显示元素符号。

这是应用的 CSS..我已经将它应用到所有东西..UL、LI 等

list-style-image: none;
list-style-position: outside;
list-style-type: square;

这是HTML

<ul class="static" style="display: block; ">
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/group-medical-plans.aspx"><span class="additional-background"><span class="menu-item-text">Group Medical Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/self-funding-administration.aspx"><span class="additional-background"><span class="menu-item-text">Self-Funding Administration</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/workers-comp.aspx"><span class="additional-background"><span class="menu-item-text">Workers Comp</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/cobra-administrative-services.aspx"><span class="additional-background"><span class="menu-item-text">COBRA Administrative Services</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/medicare-plans.aspx"><span class="additional-background"><span class="menu-item-text">Medicare Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/individual-family-plans.aspx"><span class="additional-background"><span class="menu-item-text">Individual-Family Plans</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/selling-area-maps.aspx"><span class="additional-background"><span class="menu-item-text">Selling Area Maps</span></span></a>
    </li>
    <li class="static">
        <a class="static menu-item" href="/producers/products-services/Pages/provider-networks.aspx"><span class="additional-background"><span class="menu-item-text">Provider Networks</span></span></a>
    </li>
</ul>

编辑

好吧，还是不行，这是我的 LESS

ul {
    background-color: @color-grey-border;
    width: 100%;
    padding-left: 30px !important;
    list-style-type: square !important;
    list-style-image: none !important;
    list-style-position: outside !important;
    overflow-x: visible !important;
    margin-left: 30px !important;

    li {
        padding-left: 30px !important;
        list-style-type: square !important;
        list-style-image: none !important;
        list-style-position: outside !important;
        overflow-x: visible !important;
        margin-left: 30px !important;

        .menu-item {
            border-bottom-color: #fff !important;
            padding: @base * .5 0 !important;
            width: 100% !important;
        }
    }
}

编辑 -

这里还有4张截图

http://see.weareinto.com/BtJh - http://see.weareinto.com/BtRh

http://see.weareinto.com/BsvD - http://see.weareinto.com/Bsjs

Answer 1

拥有这些样式就足够了:

ul {
    list-style: square outside;
    margin-left: 20px;
    padding-left: 0;
}

如您所见:http://jsfiddle.net/3dYKK/

如果这不起作用，您需要发布更多 CSS 或构建示例 jsfiddle 页面，以便我们提供帮助。

编辑:这是新的 jsfiddle 页面:http://jsfiddle.net/3dYKK/3/它包含您的 CSS，并且仍然有效。影响样式的是其他因素，而不是您发布的内容 - 您是否有一个我们可以看到问题的真实页面？