css - 如何更改 LayerSwitcher 的颜色？

Question

我试图改变图层切换器的颜色。但它没有改变。这是我的代码。我也在 javascript 中尝试过 osMap.addControl(new OpenLayers.Control.LayerSwitcher({ 'activeColor': "white", 'fontColor': "black"}));但是没有效果。

.olControlLayerSwitcher
    {
        position: absolute;
        top: 25px;
        right: 0;
        width: 20em;
        font-family: sans-serif;
        font-weight: bold;
        margin-top: 3px;
        margin-left: 3px;
        margin-bottom: 3px;
        font-size: smaller;
        color: white;
        background-color: transparent;
        z-index: 10000;
    }
    .olControlLayerSwitcher .layersDiv
    {
        padding-top: 5px;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-right: 10px;
        background-color: #CCCCCC;
    }

Answer 1

OL CSS 在 style 属性中设置，比您的覆盖更强大。您必须使用 !important 来覆盖它:

background-color: #CCCCCC !important;

参见 CSS specificity .