Question

我有一个带两个按钮的引导按钮组，我想要一些文本跨越两个按钮。

它们是减少和增加按钮。所以我有文字＆＃34;对比＆＃34;使用＆＃34; - ＆＃34;在两个按钮上在一个按钮和＆＃34; +＆＃34;在另一个按钮上。

我在顶部覆盖（？）一个带有所需文本的div并使用＆＃34; pointer-events：none＆＃34;让它工作 - 但我需要它在不支持指针事件的旧浏览器（IE 10）上工作。

有没有替代/更好的方法呢？

  <div class="btn-group">
    <div style="position:absolute;top:5px;left:3px;text-align:center;width:100%;color:white;z-index:300;pointer-events: none;">
      <i style="left-padding:2px;vertical-align: middle;" class="fa fa-adjust fa-2x"></i>
      <div style="display:inline;top: 2px;position: relative;">Contrast</div>
    </div>
    <button type="button" class="btn">
      <br>&nbsp;<br>-
    </button>
    <button type="button" class="btn">
      <br>&nbsp;<br>+
    </button>
  </div>

Answer 1

最后我更改了设计，以便有单独的按钮，并且没有使用跨越两个按钮的单词。

如何跨两个按钮跨越文本

1 个答案: