EasyUI Forum
April 24, 2024, 12:20:15 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Radiobutton custom CSS for selected item  (Read 4148 times)
akashana
Newbie
*
Posts: 23


View Profile
« on: October 19, 2019, 02:30:45 AM »

Hello,

Is it possible to show selected radio button icon & text in blue and unselected icon & text in black ?

Thanks

Logged
akashana
Newbie
*
Posts: 23


View Profile
« Reply #1 on: October 21, 2019, 12:29:40 AM »

Hello,

Can someone answer this please ?

Thanks,
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #2 on: October 21, 2019, 07:55:06 PM »

Please update to the newest version and custom the CSS style.
Code:
<style type="text/css">
.f .radiobutton {
border-color: #000;
}
.f .radiobutton .radiobutton-inner{
background: #000;
}
.f .textbox-label{
color: #000;
}
.f .radiobutton-checked{
border-color: blue;
}
.f .radiobutton-checked .radiobutton-inner{
background: blue;
}
.f .textbox-label-checked{
color: blue;
}
</style>
<form id="ff" class="f">
<div style="margin-bottom:20px">
<input class="easyui-radiobutton" name="fruit" value="Apple" label="Apple:">
</div>
...
</form>

Logged
akashana
Newbie
*
Posts: 23


View Profile
« Reply #3 on: October 22, 2019, 06:54:21 PM »

Thanks Jarry !
Logged
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!