Je veux garder l'apparence native d'un formulaire Soumettre le formulaire correspondant Système d'exploitation Tout en agrandissant la taille du bouton Soumettre. (Signification, pas d'utilisation d'images, de bordures personnalisées, etc.) à l'aide des CSS suivants: sous Windows, cela augmente la taille de la touche d'envoi Hauteur et largeur comme vous le souhaitez ... Quel que soit le navigateur (Safari, Firefox, IE, Chrome). mais sur OSX - Safari n'augmente pas du tout la taille du bouton. La taille du bouton de formulaire reste la taille par défaut.
8 Réponses :
input.submitbutton{
width:200px;
height:500px;
}
Seems obvious, but have you tried changing the element size instead of the font size?
Je viens d'essayer de sortir et safari semble respecter la largeur mais pas la hauteur.
Oui, safari ne respecte pas la hauteur ... ni le respect de «rembourrage». C'est pourquoi j'ai créé ce post
Définira le travail de propriété de la hauteur de la ligne? Ou régler le remplissage de rembourrage, en bas de remplissage?
Les boutons de forme de Safari sont notoirement difficiles à styles (sinon impossibles).
Comme d'autres l'ont dit, la hauteur est à peu près intouchable.
Ce que vous pouvez faire est de définir la taille de la police sur une taille de pixels exacte pour redimensionner le bouton. qui devrait rendre la taille de police plus grande et la bouton aussi. Il est max sur ... vous ne pouvez pas simplement continuer à augmenter la taille de la police.
Le "look natif" d'un bouton-poussoir comprend une hauteur fixe par définition
Spécifications du bouton-poussoir
Tailles de contrôle: Les boutons-poussoirs sont Disponible en régulier, petit et mini tailles.
la hauteur d'un bouton-poussoir est Correction pour chaque taille, mais vous spécifiez la largeur, en fonction de la longueur de le texte de l'étiquette que vous fournissez. Si tu Ne spécifiez pas un bouton suffisamment large, Les capuchons finissent le texte. Ce que vous voulez ne serait pas "natif" et impliquera donc nécessairement la création d'une image personnalisée, ou vous pouvez toujours faire quelque chose comme ça
http: // girliemac. Com / Blog / 2009/04/30 / CSS3-Gradients-No-Image-Aqua-Button /
Essayez d'inclure cette propriété CSS sur votre style:
-Enwebkit-apparence: bouton;
J'espère que cela vous aidera!
Cela a fonctionné pour moi. Je ne savais pas que webkit n'applique pas cette propriété par défaut à l'entrée [Type = 'Soumettre'].] Éléments.
Si vous appliquez une bordure sur le bouton, Safari abandonne son bouton brillant et vous pouvez faire ce que vous aimez avec elle.
J'utilise plusieurs entrées Ils n'ont pas stylé sans la ligne. type = "bouton" et ils stysh ok utilisent:
C'est un cas de bord, mais si vous essayez toutes sortes de choses et que vous ne pouvez tout simplement pas obtenir de safari à faire des étiquettes de boutons plus petites, vous pourrait avoir activé la "ne jamais utiliser la taille de la police plus petite que X "Option dans les préférences de Safari:
Cela m'a accroché hier. Il suffit de l'éteindre et safari sera beaucoup plus susceptible de respecter vos directives CSS. 