Comment changer la taille de police de la première balise d'option dans un menu déroulant (select)?
Comment puis-je changer la taille de la police pour la première option balise dans un sélectionnez tag? J'ai essayé de changer le CSS pour l'option:premier enfant avec pas de chance.
Je voudrais la première option 25px font-size tandis que les autres éléments de la liste à avoir 12px taille de police.
J'ai déjà lu des tutoriels ici que pouvez modifier la police la couleur et le type de police pour la première option, mais quand j'ai demandé une taille de police sur eux, il ne semble pas le prendre effet.
Cela peut-il être atteint grâce à CSS ou JQuery? Merci!
Code HTML:
<select>
<option>Select (25px)</option>
<option>List 1 (12px)</option>
<option>List 2 (12px)</option>
<option>List 3 (12px)</option>
<option>List 4 (12px)</option>
</select>
- veuillez fournir votre code
- Demandez-vous pour cette réponse jsfiddle.net/D58Rz
- édité avec le code HTML.
- toutes les options ont la même taille de police dans Chrome
- Peut-être il y a quelque chose dans google Chrome shadow DOM, mais de sélectionner l'apparence est rendu définis et non standard. Dans le navigateur Safari Mobile qu'il utilise native INTERFACE utilisateur avec aucun style ou de balisage.
Vous devez vous connecter pour publier un commentaire.
Si ce ci-dessous est l'option que vous voulez changer la taille de la police dans la balise SELECT
Placez le code ci-dessous dans l'élément de tête
<optgroup style="font-size:10px">
<option>Option 1</option>
</optgroup>
Veuillez vous référer à cette démo en live.. Démo.
HTML
css
CSS
HTML
Démo
vous pouvez le faire en utilisant le CSS du premier enfant.
Remarque: Ne fonctionne pas dans le navigateur webkit. Changer la structure de
ul > li
.Voici la démo
Vous souhaitez ajouter un id à la balise d'option comme ceci:
Et puis dans le css:
select option[val="1"]
sélecteur fonctionne sur les navigateurs plus anciens, mais pas dans la version la plus récente de google Chrome (qui est ce que j'utilise). Je vais continuer à chercher une solution!utiliser les css
html
css
ou par jquery
jquery
je vais réfléchir à deux fois pour faire des comme ça à cause de navigateur limitation. Faire vérifier ici :
http://www.electrictoolbox.com/style-select-optgroup-options-css/