En ce moment je suis en utilisant le CSS suivant:Quel CSS dois-je utiliser pour obtenir une bordure autour d'une balise d'option dans Firefox et IE?
option
{
border-width: 1px;
border-style: solid;
}
Ce qui fonctionne bien dans Firefox, mais pas dans IE. Je ne suis pas sûr si cela fait une différence, mais les balises d'option sont générées par un contrôle ASP.NET ListBox.
Malheureusement, le style de option éléments est pris en charge à différents degrés par les différents navigateurs. Firefox est le seul navigateur qui vous permet d'ajouter une bordure autour option s – IE et Chrome n'afficheront pas de bordure.
Here's an overview of what styles different browsers support. Le seul style que vous pouvez appliquer de manière fiable est la couleur d'arrière-plan et d'avant-plan.
Bummer, merci pour l'info. –
Ajoutez une bordure à votre déclaration.
option
{
border-width: 1px;
border-style: solid;
border-color: #000;
}
Pas de dés, pensez-vous qu'il pourrait avoir quelque chose à voir avec la liste de contrôle d'asp.net? –
@Abe, It does not ASP ListBox rend le HTML standard. Donc, vous avez affaire au rendu de ce HTML dans chaque navigateur –
Peut-être que cela fonctionnerait ?!
border: 1px solid black;
jamais eu de problèmes avec cela, pourrait être quelque chose d'autre, les éléments parents et ainsi de suite ...
Hmm, ça ne marchait pas. Je commence à soupçonner que le ListBox asp.net pourrait faire quelque chose de bizarre? –
Ensuite, vérifiez votre code dans Firebug d'abord, généralement vous verrez quelque chose qui surcharge votre CSS, après que vous pouvez essayer l'isolation de ce petit morceau de HTML, et dernier tour sur le débogueur IE, car mes collègues et moi/ou tout le système d'exploitation. –
Ok je l'ai regardé dans firebug et Develop Tools. Dans les outils de développement, il ne semble pas que le style soit même trouvé pour la balise d'option. Firebug trouve les styles corrects. Quand je regarde la source de la page, le CSS est là. J'ai également remarqué que le style 'border-collapse: collapse' est appliqué, mais je ne sais pas si cela fait une différence. –
Quel que soit le contrôle asp.net génère, une fois généré il est clair vieux CSS et HTML. Vous pouvez le prouver en capturant la source de la page dans Firefox, en l'enregistrant comme un fichier html et en le servant à la fois sur Firefox et IE. Je supprime donc la balise asp.net. –
Je suis conscient de cela. Mon inquiétude était que asp.net pourrait ajouter son propre CSS qui remplaçait mon CSS, c'est pourquoi j'ai ajouté le tag. Est-ce que ce n'est pas possible? –