Conflit à l'aide de la propriété de contenu css et d'une liste de sélection multiple

Question

Je n'ai jamais utilisé ou même entendu parler de cette propriété de contenu mais cela interfère avec ma capacité à sélectionner plusieurs éléments dans une liste de sélection. Quel que soit le «contenu», j'en ai besoin car lorsque je le supprime, il y a des hignlights d'arrière-plan qui ne fonctionnent plus correctement.

Quelqu'un peut-il m'aider à comprendre cela? Y at-il un travail autour?

---

form li:after 
{ 
    clear:both; 
    content:"."; 
    display:block; 
    height:0; 
    visibility:hidden; 
} 

<form method="post" action=""> 
    <li id="li_6"> 
    <label class="description" for="element_6">test</label> 
    <div> 
     <select class="element select medium" id="element_6" name="element_6" size="10" MULTIPLE> 
     <option value="1">test1</option> 
     <option value="2">test2</option> 
     </select> 
    </div> 
    </li> 
</form> 

Answer 1

est ici information sur la propriété du contenu: http://www.w3schools.com/css/pr_gen_content.asp

J'ai essayé votre code avec et sans propriété de contenu et n'a eu aucun problème de sélectionner plusieurs éléments dans la liste (Firefox).

Bonne chance.

Answer 2

Le CSS que vous listez est le clearfix method pour forcer un conteneur à avoir une hauteur suffisamment grande pour contenir un élément enfant flottant. La propriété de contenu elle-même ajoute du contenu, généralement du texte ou une icône. Dans ce cas, il suffit d'ajouter une période, mais en définissant la visibilité sur caché et la hauteur sur zéro pour masquer la période.

À part cela, vous devrez être plus précis au sujet de votre problème. Vous devrez probablement vérifier tout autre style sur votre formulaire.