web-dev-qa-db-fra.com

Comment définir la taille du bouton en HTML

J'ai quelques boutons sur ma page HTML/JS pure . Lorsque la page est ouverte dans le navigateur, la taille du bouton est normale . Mais sur la page d'actualisation/rechargement, la taille du bouton est réduite. Je n'ai pas défini la valeur du texte du bouton. Le texte du bouton est vide ..___ Comment définir la taille de mon bouton en HTML, quelle que soit la taille du texte?

19
AdityaK

Voulez-vous dire quelque chose comme this ?

HTML

<button class="test"></button>

CSS

.test{
    height:200px;
    width:200px;
}

Si vous voulez éviter CSS, voyez this :

<button style="height:200px;width:200px"></button>
46
Gab

Cela ne peut pas être fait avec HTML/JS pur, vous aurez besoin de CSS

CSS:

button {
     width: 100%;
     height: 100%;
}

Substituez 100% avec la taille requise

Cela peut être fait à bien des égards

5
Lemuel Botha
button { 
  width:1000px; 
} 

ou même

 button { 
    width:1000px !important
 } 

Si c'est ce que tu veux dire

4
ybdiel

Si vous utilisez le code HTML suivant:

<button id="submit-button"></button>

Le style peut être appliqué via JS à l'aide de l'objet style disponible sur un objet HTMLElement.

Pour définir la hauteur et la largeur sur 200 pixels de l'exemple de bouton ci-dessus, utilisez le JS:

var myButton = document.getElementById('submit-button');
myButton.style.height = '200px';
myButton.style.width= '200px';

Je crois qu'avec cette méthode, vous n'écrivez pas directement CSS (inline ou external), mais utilisez JavaScript pour modifier par programmation les déclarations CSS.

0
Jon Lee-White