EasyUI Forum
December 05, 2025, 03:28:47 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to style textbox icons?  (Read 8918 times)
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« 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
Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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>
Logged
aswzen
Sr. Member
****
Posts: 287


Indonesian

aswzen
View Profile WWW Email
« Reply #2 on: November 13, 2015, 01:40:25 AM »

thankyou Smiley
Logged

Regards,
Sigit

- Indonesian jEasyUI Facebook page : https://www.facebook.com/groups/jeasyuiid/
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!