在 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>