为什么按钮的高度修改不起作用?

Why doesn't the height modification of the button work?

我正在做一个 bootstrap 登录容器。我添加了一个按钮 btn 并尝试修改它的高度。然而,无论值是多少,高度都不会改变。
阻止我自己解决问题的困难是我只知道这个属性来改变按钮的高度。

这是按钮的代码:

<button id="btn-login" href="#" class="btn btn-success" style="height: 50%; width: 60%">Inscription</button>

父元素是:

<div class="col-xs-6">  </div>

您可以在此处找到问题的实例: http://www.bootply.com/9XnSOvBGOn

为什么修改按钮的高度不起作用?

谢谢。

您的样式行包含逗号,这是不正确的。它应该是一个分号。另外,尝试使用像素值而不是百分比。

<button id="btn-login" href="#" class="btn btn-success" style="height:50px;width:60px">Inscription</button>

请记住,如果您使用百分比作为身高,则需要设置父项的身高 div。

你的代码是正确的知道。包含按钮的父元素中可能存在错误(您使用百分比,所以它很重要)。你可以 post 父元素吗?

如果你想让它变小,请尝试使用:line-height 像这样:

<button id="btn-login" href="#" class="btn btn-success" style="line-height: 50%; width: 60%">Inscription</button>

或使用绝对高度而不是百分比。