启用禁用按钮外观

Question

我有一个单击的按钮，它会在类似的区域中显示旁边的信息。

我想我只是使用另一个按钮来显示它但是禁用它所以它实际上不是一个按钮，但这样做会使“按钮”淡出。

我真正需要的是一种使禁用按钮看起来不被禁用的方法。 （即，去除褪色的外观）

（这种方式感觉有点像hacky，但它有点奏效。我愿意采用另一种方式来做这件事。）  这是我在本节中使用的代码：

<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">Quick Roll</h3>
  </div>
  <div class="panel-body">
    <div class="btn-group">
      <dl class="dl-horizontal">
        <dt ng-cloak class="quick-rolls ng-cloak" ng-repeat-start="die in dice">
          <button type="button" class="btn btn-default" ng-click="quickRoll(die, $event)">{{"d" + die}}</button>
        </dt>
        <dd ng-cloak class="quick-rolls ng-cloak" ng-repeat-end>
          <button type="button" class="btn btn-info" disabled>{{result}}</button>
        </dd>
      </dl>
    </div>
  </div>
</div>