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?
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
button {
width:1000px;
}
ou même
button {
width:1000px !important
}
Si c'est ce que tu veux dire
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.