it-swarm.com.de

So legen Sie die Größe der Schaltfläche in HTML fest

Auf meiner reinen HTML/JS-Seite befinden sich einige Schaltflächen. Wenn die Seite im Browser geöffnet wird, ist die Schaltflächengröße normal. Sie wird jedoch reduziert , Ich habe den Wert für den Schaltflächentext nicht festgelegt. Der Text der Schaltfläche ist leer. Wie muss ich die Größe meiner Schaltfläche in HTML festlegen, unabhängig von der Größe des Texts?

19
AdityaK

Meinen Sie etwas wie dies ?

HTML

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

CSS

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

Wenn Sie vermeiden Sie CSS möchten, lesen Sie this :

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

Dies ist nicht mit reinem HTML/JS möglich, Sie benötigen CSS

CSS:

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

Ersetzen Sie die gewünschte Größe zu 100%

Dies kann auf viele Arten erfolgen

5
Lemuel Botha
button { 
  width:1000px; 
} 

oder auch

 button { 
    width:1000px !important
 } 

Wenn du das meinst

4
ybdiel

Wenn Sie folgendes HTML verwenden:

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

Der Stil kann über JS mit dem in einem HTMLElement verfügbaren Stilobjekt angewendet werden.

Um Höhe und Breite auf 200px der obigen Beispielschaltfläche festzulegen, wäre dies die JS:

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

Ich glaube, mit dieser Methode schreiben Sie nicht direkt CSS (Inline oder External), sondern verwenden JavaScript, um CSS-Deklarationen programmgesteuert zu ändern.

0
Jon Lee-White