Je ne peux pas obtenir un bouton d'entrée pour changer sa taille de police, sauf si je change la couleur d'arrière-plan.
CE HTML: P>
input#startStop{ font-size: 3em; background-color: white; }
3 Réponses :
En effet, cela ne se produit que sur navigateurs basés sur webkit-macos em>. Semble être une restriction WebKit de sorte que l'aspect aqua em> reste toujours tellement. P>
Tant que l'apparence Aqua est activée pour les boutons-poussoirs, certaines propriétés CSS seront ignorées. Parce que les boutons Aqua ne font pas échoué, la propriété hauteur ne sera pas honorée. De même Personnalisations de police et de couleur ne sera pas également honorée forte>. Le principe primordial pour les boutons-poussoirs est que vous ne verrez jamais un bouton un mélange «demi-aqua». Soit le bouton sera parfaitement natif, soit ce ne sera pas du tout aqua. P>
blockQuote>
Source: https://www.webkit.org/blog/28/buttons P>
qui explique pourquoi la définition d'un arrière-plan rend
la taille de la police code> fonctionne; Il brise l'apparence Aqua. P>
Tu es incroyable. Tu m'as mené directement à la bonne réponse!
@ la réponse de Pzin m'a commencé à démarrer sur la bonne voie. Il a raison dans ce que tout ce qui brise Aqua va le faire. Le moyen recommandé de le gérer sans avoir à spécifier une couleur d'arrière-plan est ce mauvais garçon:
Définition d'une propriété code> code> doit également fonctionner. Mais je pense que -webkit-apparence: aucun; code> serait la meilleure approche, car il "désactive" l'apparence Aqua sur les navigateurs de MacOS, de sorte que tout autre contrôle de forme qu'Ava inhibe le CSS pour serait ultérieurement le style. -able avec votre choix de CSS. Était censé ajouter cela comme un commentaire, mais n'avez pas assez de réputation; _ ;. p>
Jsfiddle s'il vous plaît. Démo cela ou ça n'a pas eu lieu. :)
Il semble y avoir un problème: JSBIN.com/wavoz/1/edit
ne peut pas reproduire le problème aussi.
mate, il ne semble pas de problème. Pouvez-vous publier un HTML supplémentaire?
Voir Modifier: @Hashem Qolami, lorsque je regarde votre bac JS, la boîte de saisie ressemble à la valeur par défaut et l'augmentation de l'EM sur la taille de la police n'a aucun effet. Il reste le même. (Capture d'écran en édition)
@ CutMancometh semble bizarre pour moi. Parce que votre nom code> code> est d'un cas cohérent dans tout le document. Je doute si c'est un Sensibilitère de cas problème, mais essayez d'utiliser le
ID code> en minuscules et changez également dans le sélecteur CSS.