web-dev-qa-db-fra.com

Le style de la liste déroulante des archives n'est pas appliqué

J'essaie d'ajouter un menu déroulant personnalisé pour les archives, mais je dois faire face à quelques erreurs qui pourraient expliquer pourquoi cela ne fonctionne pas.

Le CSS ne donne à ma liste déroulante que la width, pas les autres styles inclus. Je suis à peu près sûr que le problème concerne PHP. Je ne peux pas associer d’options à plus que le premier choix. Comment puis-je résoudre ce problème?

PHP

<select id="cd-dropdown" name="cd-dropdown" class="cd-select"                   onChange='document.location.href=this.options[this.selectedIndex].value;'>
<option value="-1"><?php echo attribute_escape(__('Select Month')); ?></option>
<?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?> </select>

CSS

.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

Je pense que le problème concerne les valeurs. J'essaye d'appeler mon menu déroulant la façon dont Codrops enseigne: ici . Pour le moment, ma liste déroulante ne contient aucun style, à l'exception de la variable width définie sur 300.

phpcssjavascriptarchivesdropdown
2
Meigo62

Vous ciblez un cd-dropdown avec un indicateur de classe (la période). Le cd-dropdown est un ID et doit donc être ciblé avec le sélecteur d'ID (un hashtag).

#cd-dropdown > span,
#cd-dropdown ul li:nth-last-child(-n+3) span {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
1
tobbr