web-dev-qa-db-ja.com

HTMLのボタンにテキストサイズを設定する方法

こんにちは、Webサイトにボタンを配置し、ボタンのテキストのサイズを変更します。どうすればいいですか？

私のコードは次のとおりです。

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

これを試して

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

これを試してください、FFで動作します

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

遅ればせながら。誰もがこれを試すことができるよりも派手なボタンが必要な場合。

_#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

インラインCSSを使用せずに、次を使用してすべてのボタンのテキストサイズを設定できます。

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