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

Question

我正在做一个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

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

谢谢。

Answer 1

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

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

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

Answer 2

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

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

请记住，如果您使用高度百分比，则需要设置父div的高度。

Answer 3

您的代码是正确的。包含按钮的父元素中可能存在错误（您使用百分比因此很重要）。你可以发布父元素吗？