如何在html中的按钮中设置文本大小

Question

您好我想在我的网站上有一个按钮，我想调整按钮上的文本大小。 我该怎么做呢？

我的代码如下：

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

Answer 1

试试这个

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

Answer 2

试试这个，它在FF工作

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

Answer 3

慢半拍。 如果需要任何花哨的按钮，任何人都可以试试这个。

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

Answer 4

如果不使用内联CSS，您可以使用以下方法设置所有按钮的文本大小：

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