Question

我的网页上有两个按钮，它们只能在下半部分点击。我看过这篇文章Anchor working only in the lower half of the button，但解决方案是改变它们的样式。我没有任何造型。

按钮：

＆＃13;

    div.buttons{
    	text-align: center;
    }

＆＃13;

    <div class="buttons">
         <button type="button" ng-click='test()' class="btn btn-success" ng-disabled="testactive">Run Test</button>
         <button type="button" ng-click='stoptest()' class="btn btn-success" ng-disabled="testinactive">Stop Test</button>
    </div>

＆＃13;

Answer 1

好吧，通常当我们使用按钮标签或超链接标签时，它的行高是默认的。

但是当我们添加一些大小的样式和字体大小时，我们需要设置行高......

button{font-size:20px; line-height:30px;}

它会正常工作。

所以尝试一下，我相信它会有用。

由于

Answer 2

而不是试试这个

将button替换为input

<div class="buttons">
         <input type="button" ng-click='test()' class="btn btn-success" ng-disabled="testactive">Run Test</button>
         <input type="button" ng-click='stoptest()' class="btn btn-success" ng-disabled="testinactive">Stop Test</button>
    </div>

按钮只能在下半部分html上点击

2 个答案: