,可以通过以下步骤实现:
<input id="searchInput" type="text" />
$("#searchInput").kendoSearchBox({
clearButton: true
});
在上述代码中,clearButton
选项设置为true
,表示启用清除图标。
.k-searchbox .k-clear-value {
color: red;
}
在上述代码中,.k-searchbox .k-clear-value
是清除图标的CSS类,color: red;
表示将清除图标的颜色设置为红色。
至此,你已经成功在kendo UI搜索文本框中添加了清除图标。用户可以点击清除图标来清空搜索文本框中的内容。
关于kendo UI的更多信息和相关产品介绍,你可以访问腾讯云的官方文档:
领取专属 10元无门槛券
手把手带您无忧上云