我很难在骨架网格内的按钮内增大字体。我该如何在不增大按钮本身的情况下增大字体大小?如有任何帮助,我们将不胜感激。
html:
<section class="sixteen columns m-new">
<a href="#"><button class="btn-new">hey, I'm new!</button></a>
</section>
CSS:
button.btn-new {
background-color: #F46F80;
padding: 1em;
width: 7.3em;
height: 0em;
opacity: 0.7;
border-radius: 0.2em;
border: 1px solid #C60098;
font-size: 3em;
}
最佳答案
您可以通过填充来完成所有这些!
根据经验,你不应该在任何东西上设置高度(有一些情况,但很少)。您可以使用填充轻松控制高度和宽度,以使内容正确放置。将其视为从内部向外生长。
button.btn-new {
background-color: #F46F80;
padding: .2em .5em; /* Control your width and height here! */
opacity: 0.7;
border-radius: 0.2em;
border: 1px solid #C60098;
font-size: 3em;
}
关于css - 使用骨架网格更改按钮中的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22801154/