EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: aswzen on November 12, 2015, 12:00:45 AM

Title: How to style textbox icons?
Post by: aswzen on November 12, 2015, 12:00:45 AM

In the documentation, textbox button only available for 1 item,
to make more than 1 i should use icons options.

But if i use icons its looks not like a button,
how to make textbox icons looks like a textbox button?

see this fiddle:
http://jsfiddle.net/xhLwoLtL/

thank you in advance

Title: Re: How to style textbox icons?
Post by: stworthy on November 12, 2015, 08:01:29 PM

Please try to override the 'textbox-addon' and 'textbox-icon' CSS style.

Code:

<style type="text/css">
	.textbox-addon{
		background: linear-gradient(to bottom,#ffffff 0,#eeeeee 100%);
	}
	.textbox-icon{
		border-left: 1px solid #bbb;
	}
</style>

Title: Re: How to style textbox icons?
Post by: aswzen on November 13, 2015, 01:40:25 AM

thankyou :)