Ekli bir düğme

Question

ile bir metin girişi oluşturmaya çalışıyorum Kendo DatePicker veya NumericTextBox'a benzeyen ekli bir düğmeli metin kutusu oluşturmaya çalışıyorum. Bu yakın, ama tamamen sıraya girmiyor. Bunu düzeltmek için herhangi bir yardım mutluluk duyacaktır. Eğer gerektiğinde

<style> 
    .unselectable 
    { 
     -moz-user-select: -moz-none; 
     -khtml-user-select: none; 
     -webkit-user-select: none; 
     -ms-user-select: none; 
     user-select: none; 
    } 
</style> 

<span class="k-widget k-datepicker k-header" style="width: 136px"> 
    <span class="k-picker-wrap k-state-default"> 
    <input class="k-input" type="text" name="searchParam" id="searchParam" placeholder="Name ..." /> 
     <span class="unselectable k-button k-select"> 
      <img class="unselectable" src="~/Images/search_flashlight_16.png" /> 
     </span> 
    </span> 
</span> 

Answer 1

Her şey şudur: bu here için (örneğin kaynağında bak) Aynı zamanda "belgeleri" bakın jsFiddle DEMO

<span class="k-textbox k-button k-space-right"> 
    <input value="This is the value" /> 
    <a class="k-icon k-filter"></a> 
</span> 

bakınız.

DÜZENLEME: asker gerçekten sadece outter span k düğmeli sınıfını ekleyin bir düğme (yani tıklama etki) olarak davranmaya istedi beri.