web-dev-qa-db-fra.com

Comment définir la taille du texte dans un bouton en html

Bonjour, je veux avoir un bouton sur mon site Web et je veux redimensionner le texte sur mon bouton. Comment puis-je faire cela?

Mon code est ci-dessous:

<input type="submit" value="HOME" onclick="goHome()" style="width: 100%; height: 100px;"/>
htmlbuttontextsize
16
Pancake_Senpai

Essaye ça

<input type="submit" 
       value="HOME" 
       onclick="goHome()" 
       style="font-size : 20px; width: 100%; height: 100px;" />
26
Devang Rathod

Essayez ceci, son travail dans FF

body,
input,
select,
button {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
}
4
Pandiyan Cool

Tardif. Si vous avez besoin d'un bouton sophistiqué, n'importe qui peut essayer cela.

#startStopBtn {
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    margin: 0 auto;
    color: #dcfbb4;
    background-color: green;
    border: 0.4em solid #d4f7da;
    border-radius: 50%;
    transition: all 0.3s;
    box-sizing: border-box;
    width: 4em;
    height: 4em;
    line-height: 3em;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(0,0,0,0.1), inset 0 0 0 rgba(0,0,0,0.1);
    text-align: center;
}
#startStopBtn:hover{
    box-shadow: 0 0 2em rgba(0,0,0,0.1), inset 0 0 1em rgba(0,0,0,0.1);
    background-color: #29a074;
  }
<div id="startStopBtn" onclick="startStop()" class=""> Go!</div>
3
Devsi Odedra

Sans utiliser de CSS en ligne, vous pouvez définir la taille du texte de tous vos boutons en utilisant:

input[type="submit"], input[type="button"] {
  font-size: 14px;
}
0
Hless