La taille du texte pour le menu déroulant / entrée ne fonctionne pas dans Safari
Première question...
Je vais avoir de la difficulté à obtenir de l'Drop down menu/sélection de l'Entrée à apparaître avec 18 taille de la police dans Safari.
Fonctionne bien dans les FF.
Code:
<form class="form">
<select name="make">
<option value="0"> All</option>
</select>
</form>
Css:
.form input{
font-size:18px;
margin-bottom:0px;
}
Des idées? Pouvez voir en direct à [http://www.motolistr.com][1]
Meilleur,
Nick
EDIT 1:
Merci pour la réponse rapide. J'ai ajouté un style de sélectionner lui-même pour éviter la confusion. J'ai essayé;
<select name='make' style='font-size: 18pt;'>
</select>
Et
<select name='make' style='font-size: 18px;'>
</select>
Et
<select name='make' style='font-size: 1.3em;'>
</select>
Toujours pas de travail dans SAFARI...de Nouveau FF fonctionne bien avec tous les 3.
Meilleur,
Nick
source d'informationauteur
Vous devez vous connecter pour publier un commentaire.
De style d'un select dans Safari, vous devez d'abord désactiver le système d'exploitation style:
Drôle de chose: Si vous modifiez le
background
- ouborder
-propriétés sur votreselect
Safari tout d'un coup s'appliquent également votrefont-size
.J'ai trouvé un moyen que safari va ramasser sur la taille de police ... tout ce que vous devez faire est de définir une bordure de couleur, comme le suivant.
-webkit-appearance: none; va vous faire perdre la totalité de safari attributs, comme les flèches... ci-dessous, vous pouvez augmenter la taille sans perdre.
Va Travailler dans Safari
Ne fonctionne pas dans Safari
Il appers sélectionner les contrôles sont non-styliser dans Safari, il utilise toujours son propre OS X-style widget dessin routines pour les afficher. Jusqu'à récemment, c'était la règle: les navigateurs généralement utiliser simplement de l'OS fourni des widgets pour les champs de formulaire. CSS2 ne dit pas vraiment la façon dont les styles devrait s'appliquer à des champs de formulaire (si).
Certains navigateurs appliquent aujourd'hui l'sélectionnez le style de police pour les options (IE7, Opera); certains permettent de la page et sélectionnez les options de pop-up à se coiffer différemment (Mozilla, Chrome), donc le mieux que vous pouvez faire pour des raisons de cohérence est:
Mais si vous avez absolument besoin d'un styliser déroulante dans Safari, vous devez écrire votre propre maladroit ersatz-sélectionner en JavaScript. (Ou voir l'un des nombreux scripts et cadre de plugins qui font cela.)
Tout d'abord ce
ne fonctionnera pas parce que vous n'êtes pas le style de l'élément select vous êtes le style des éléments d'entrée. Essayez cela et il sera plus susceptible de travailler.
Au moins dans Safari 5.1 (je n'ai pas de course les 3 plus), vous pouvez désactiver par défaut le style avec:
Puis il va l'adapter à votre taille de police.
La
select
n'est techniquement pas uninput
tag. Essayez d'attribuer une classe à votre sélectionnez et définissez le style de la classe.MODIFIER: s'avère que Aqua style sélectionne seulement trois différentes tailles de police disponibles. Si vous avez besoin de définir une taille de police exacte, vous pouvez désactiver Aqua en donnant au point une couleur d'arrière-plan, puis définissez la taille. Pour info, il semble que 20px fonctionne sans réglage de l'arrière-plan de sorte qu'il faut la taille jusqu'à la prochaine soutenu Aqua taille.
Référence: http://particletree.com/notebook/design-friendly-select-elements-in-safari-3/. Page de Test avec différents styles à http://particletree.com/examples/safari3/drop.html.
Paramètre line-height:100% va limiter la hauteur de la zone de sélection pour une apparence plus homogène, mais elle n'est pas toujours agir sur la taille de la police.
J'ai trouvé une façon de changer la taille de police d'un élément select en Safari à travers l'utilisation de pourcentages.
Votre code devient alors:
Pour un 13px taille de la police (que j'ai trouvé très intéressant).
Ceci est testé dans Safari 5.1.3
Vous pouvez cibler Safari
select
tag en faisant ceci:essayer cette