问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

社区维基
1
新手上路，请多包涵

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

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

原文由 Ans Bilal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmlcssfont-size
阅读 697
2 个回答
得票最新
社区维基
1
✓ 已被采纳

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

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

CSS

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

HTML

 <button>
Hello
</button>

原文由 CyanCoding 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

您还可以使用对我来说效果很好的 span 标签。

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

原文由 judy 发布，翻译遵循 CC BY-SA 3.0 许可协议

查看全部 2 个回答
推荐问题