26427 sujets

CSS et mise en forme, CSS3

Bonjour,
Je suis entrain de réfléchir sur un formulaire de recheche d'un agenda.
https://joomtest.88h.ovh/fr/agenda/carte-geo-lyon
Je veux faire des cartes localisées et afficher uniquement aux alentours de 5 à 50 km et masquer les items de 100k m à tout.
Est-ce que je peux masquer définitivement ces valeurs alors qu'elles sont codés en dur
Cordialement
Salut,

As-tu essayé de faire comme ça :


option[value="100"], option[value="500"], option[value="1000"], option[value="-1"] {
  display: none;
}

Modifié par taspeur (16 Sep 2018 - 01:26)
Bonsoir
Oui j'ai essayé plusieurs solutions dont celle ci qui a l'air de fonctionner même si j'ai copié/collé un long sélecteur:

#sp-component > div > div.com-dpcalendar-map.dp-search-map > form > div:nth-child(2) > div.com-dpcalendar-map__radius-search > div.chzn-container.chzn-container-single.chzn-container-single-nosearch.chzn-container-active.chzn-with-drop > div > ul > li:nth-child(5)
, #sp-component > div > div.com-dpcalendar-map.dp-search-map > form > div:nth-child(2) > div.com-dpcalendar-map__radius-search > div.chzn-container.chzn-container-single.chzn-container-single-nosearch.chzn-container-active.chzn-with-drop > div > ul > li:nth-child(6)
, #sp-component > div > div.com-dpcalendar-map.dp-search-map > form > div:nth-child(2) > div.com-dpcalendar-map__radius-search > div.chzn-container.chzn-container-single.chzn-container-single-nosearch.chzn-container-active.chzn-with-drop > div > ul > li:nth-child(7)
, #sp-component > div > div.com-dpcalendar-map.dp-search-map > form > div:nth-child(2) > div.com-dpcalendar-map__radius-search > div.chzn-container.chzn-container-single.chzn-container-single-nosearch.chzn-container-active.chzn-with-drop > div > ul > li:nth-child(8){ 
display: none!important;
}


Bonne soirée
Ah oui je n'avais pas pensé à nth-child(x). C'est une bonne solution également si ta liste ne varie jamais Smiley cligne