css - 如何将 x 放在文本字段中？

Question

我试图将字体 Awesome 中的可点击时间 (x) 放入文本字​​段中，但我无法做到，而且缺少所有类的文档...这是我得到的链接

  <input type="text" class="form-control" id="copy-text">
  <span>
        <i class="fa fa-times xicon" aria-hidden="true"></i>
      </span>

  <span class="input-group-btn">

        <button id="copy-emoji" data-clear-btn="true" class="form-control btn-large btn-lg btn btn-success" type="button" onclick="copyall()">COPY</button>

      </span>
</div>

https://jsfiddle.net/2Lm6fup1/

谢谢

Answer 1

您可以相对于 .input-group 定位图标。

.xicon.over {
    position: relative;
    top: 11px;
    left: -24px;
    width: 0;
    z-index: 999;
    cursor: pointer;
}

https://jsfiddle.net/2Lm6fup1/5/