如何更改字体大小，而不更改 CSS 中按钮的大小

Question

在下面的代码中，我只想更改内部字体大小而不是按钮大小。

<html>
    <head>
        <style>
            .sm {
                font-size:x-small;
            }
        </style>
    </head>
    <body>
        <button class="sm">submit</button>
    </body>
</html>

Answer 1

把你的风格改成这个

.sm
{
  font-size:20px;
  height:30px;
  width: 120px;
}

希望这对您有所帮助！

Answer 2

要在不更改按钮大小的情况下更改文本大小，您需要固定按钮的大小。这可以使用 CSS 中的 height 和 width 来完成。这样您就可以更改 font-size 而不会影响按钮大小。

看看下面我的代码。如您所见，随着 height 和 width 的更改，按钮现在是固定大小的。文本大于按钮证明了这一点。

CSS

button {
  font-size: 30px;
  height: 60px;
  width: 60px;
}

HTML

<button>
Hello
</button>

Answer 3

你也可以使用 span 标签，它对我来说效果很好。

 <button><span style="font-size:10px;">ClickMe</span></button>

如何更改字体大小，而不更改 CSS 中按钮的大小

how to Change font size, Without changing the size of button in CSS

html

css

font-size