在Kendo UI搜索文本框中添加清除图标

Question

我在Web上使用kendo UI Jquery，并且使用了Kendo Multiselect之类的组件，该组件的右侧具有清晰的图标，并且默认情况下由控件提供。

<div>
  <label for="simple-input">Input</label>
  <input id="simple-input" type="text" class="k-textbox" style="width: 100%;" />
</div>

我的问题是普通文本框是否存在此功能？还是我应该实现它：V

Answer 1

是的，使用kendo css，当框具有焦点时，您将在输入框的最右侧看到一个x图标。

https://dojo.telerik.com/@RichardAD/otUrArax

<p>
  <label for="simple-input">Input</label>
  <input id="simple-input" type="text" class="k-textbox" style="width: 100%;" />
</p>
<p>
  <label for="simple-search">Search</label>
  <input id="simple-search" type="search" class="k-textbox" style="width: 100%;" />
</p>