Modifier l'apparence du sélecteur de couches par CSS

Bonjour,

Avec Openlayers, est-il possible de modifier les caractéristiques (couleur, typo, etc) du sélecteur de couches (.olControlLayerSwitcher) par fichier CSS ?
J’ai essayé avec ce type de données dans le fichier CSS, mais ça ne donne aucun résultat.

/**

  • Layer switcher
    */
    .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: 10;
    color: white;
    background-color: transparent;
    }

.olControlLayerSwitcher .layersDiv {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 75px;
background-color: green;
width: 100%;
height: 100%;
}

Y a-t-il une autre méthode possible ?

C’est effectivement pas évident. Tu peux regarder cet exemple http://openlayers.org/dev/examples/custom-style.html
ou bien te faire ton propre theme en reprenant le default ou bien le dark https://github.com/developmentseed/openlayers_themes

Sinon, tu peux aussi te refaire un sélecteur à toi, c’est ce que j’ai fait avec un menu déroulant ici (“Carte” en bas) : http://osm.dumoulin63.net/xapiviewer/

Merci Nicolas

En m’inspirant de l’exemple que tu m’as signalé, j’ai pu modifier l’apparence du sélecteur de couches.
Il me reste quelques réglages à faire, puisque d’autres contrôles ont en partie disparu, mais avec cette méthode, ça devrait être rapidement réparé.
Voir ici la nouvelle apparence
http://www.histoirepassion.eu/test_carte/antenne.html

Bien joué ! :slight_smile: