xをテキストフィールドの中に入れる方法は？

Question

私は、テキストフィールド内の素晴らしいフォントからクリッカブル回（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/