11
votes

Est-ce que `min-largeur` ne fonctionne pas sur le formulaire` Entrée [Type = "bouton"] `éléments?

Quelqu'un a-t-il une raison pour laquelle cela ne fonctionne pas? (Fonctionne avec largeur , juste pas min-largeur ) xxx

EDIT: Clarification

    Le sélecteur
  • "bouton" fonctionne avec largeur , Tout simplement pas min-largeur
  • min-largeur fonctionne avec d'autres éléments, tout simplement pas Sélecteur "Button"
  • c'est sur chrome / safari. Pas une question à savoir.

3 commentaires

Ceci est sur des œuvres chromées / safari- mini, juste pas sur le sélecteur de boutons


Quirksmode.org/css/Contents.html dit que IE5 n'a pas de support, Bien que IE6 ait un soutien minimal. Tout ça devrait bien.


Pourriez-vous poster un jsfiddle? Cela fonctionne pour moi en chrome: jsfiddle.net/mkgcv


7 Réponses :


0
votes

min-largeur n'est pas pris en charge et / ou est buggy dans les versions plus anciennes Internet Explorer.

Vous pouvez voir un table de compatibilité ici .

Voici un exemple de min-largeur utilisé sur un formulaire élément, il est toujours sage de définir une propriété de la propriété. xxx


0 commentaires

1
votes

Oui ... Cela fait du travail à condition que vous le stysez de cette façon: xxx


0 commentaires

2
votes

min-largeur doit fonctionner parfaitement, vous ne pouvez pas voir les effets peut-être parce que vous faites moins de largeur de la largeur de la largeur. De toute façon pour un code HTML fin:

<input type="button" style="width:50px;height:5em;min-width:40px;"


0 commentaires

5
votes

Je viens de courir dans ce problème aussi. min-width fonctionne, mais pourrait ne pas vous donner les résultats que vous attendez ou peut sembler ne pas fonctionner en raison de boutons ayant un de la boîte de de boîte . Essayez de paramétrer Tableau de la boîte: Content-Box sur le bouton.


1 commentaires

Mon problème était exactement avec dimensionnement de la boîte



3
votes

Tout en enquêtant Cette réponse , j'ai constaté que modifier la propriété Color-Couleur d'un Bouton active également la propriété min / code> CSS en chrome. (Il désactive également plusieurs propriétés intégrées, telles que la couleur de fond de bouton par défaut, utilisez donc avec prudence.)


0 commentaires

0
votes

Je viens de rencontrer comme cette question et de trouver la voie à la solution. Mais à l'aide d'une balise de bouton, pas d'entrée.

button {
    width:auto;
    min-width:100px;
}


0 commentaires

0
votes

J'ai trouvé une réponse simple ici:

.button-class {
    box-sizing: unset;
    width: 100%;
    /* additional style properties */
}


0 commentaires