EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: kingor2001 on June 20, 2019, 06:22:38 AM

Title: How to remove the <a class="tagbox-remove" href="javascript:;"> of a TagBox?
Post by: kingor2001 on June 20, 2019, 06:22:38 AM

How to remove the <a class="tagbox-remove" href="javascript:;"> of a TagBox?
This <a> is perhaps unuseful.

Title: Re: How to remove the <a class="tagbox-remove" href="javascript:;"> of a TagBox?
Post by: jarry on June 20, 2019, 06:40:10 PM

Please use this code to custom the removable icon.

Code:

<input class="easyui-tagbox" value="Apple,Orange" label="Add a tag" style="width:100%" data-options="
	tagStyler: function(value){
		return {class:'mytag'};
	}
">
<style type="text/css">
	.mytag{
		padding: 0 4px;
	}
	.mytag .tagbox-remove{
		display: none;
	}
</style>

Title: Re: How to remove the <a class="tagbox-remove" href="javascript:;"> of a TagBox?
Post by: kingor2001 on June 20, 2019, 09:51:31 PM

thanks, it done!