Print Page - Radiobutton custom CSS for selected item

General Category => EasyUI for jQuery => Topic started by: akashana on October 19, 2019, 02:30:45 AM

Title: Radiobutton custom CSS for selected item
Post by: akashana 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

Title: Re: Radiobutton custom CSS for selected item
Post by: akashana on October 21, 2019, 12:29:40 AM

Hello,

Can someone answer this please ?

Thanks,

Title: Re: Radiobutton custom CSS for selected item
Post by: jarry 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>

Title: Re: Radiobutton custom CSS for selected item
Post by: akashana on October 22, 2019, 06:54:21 PM

Thanks Jarry !

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: akashana on October 19, 2019, 02:30:45 AM