Comment fermer une liste déroulante ?

Version imprimable

28/10/2015, 10h26
Cvbdev

1 pièce(s) jointe(s)

Comment fermer une liste déroulante ?

Bonjour,

J'ai une liste déroulante que j'aimerais fermer automatiquement lorsque que la souris n'est plus dessus avec un hover (autrement que par un Click) ?

Savez-vous comme faire ?

Pièce jointe 191195

D'avance merci
++ :)
28/10/2015, 10h30
NoSmoking

Bonjour,
en CSS en utilisant la pseudo-classe :hover.

Voici le code que j'ai actuellement...
Il permet d'appliqué des styles.... une fois la liste ouverte !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
.ajax_add_to_cart_button {
  background: #8cbf26;
  color: white;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif;
  border: 1px solid #8cbf26;
}
.ajax_add_to_cart_button:hover {
  color: white;
  background: #1ba1e2;
  border: 1px solid #1ba1e2;
}

Comment faire pour fermer cette satané liste avec un hover, je ne vois pas très bien ? :(
Je pensais passé par du JS pour ça...

Code:

1
2
3
4
5
6
7
8
9
<div class="cart">
   <select name="qty" id="quantity_botles" class="ajax_add_to_cart_button" data-id-product="9">
      <option value="-1">Choisir une option...</option>
      <option value="6">Caisse de 6</option>
      <option value="12">Caisse de 12</option>
      <option value="18">Caisse de 18</option>
      <option value="24">Caisse de 24</option>
   </select>
</div>

28/10/2015, 11h01
SpaceFrog

un blur sur le select le ferme ...
http://fiddle.jshell.net/mjns0bse/1

ici on ouvre le select et 5 secondes àprès l'ouverture il se ferme
28/10/2015, 13h23
Cvbdev

Citation:

Envoyé par SpaceFrog

un blur sur le select le ferme ...
.../...

Super merci, je vais tester cela ! :)

++
28/10/2015, 14h05
Cvbdev

Nickel ça fonctionne parfaitement ! :)