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/

의