how to change tick color of check box

Question

3.57/5 (6 votes)

See more:

Hi,

I am using the checkbox in Template field of grid view. I have used both foreColor and background color property of checkbox but it is not working.

Question:- How to change the tick color of checkbox.

Posted 28-Jun-11 4:32am

prem shanker verma

Add a Solution

Comments

sparkingprem 28-Jun-11 10:33am

right i have same problem.

4 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dave Kreskowiak · Answer 1 · 2011-06-28T04:47:00

Solution 1

Have you tried changing the colors in your CSS file, then assigning the CSS class to the CssClass property of the CheckBox?

Posted 28-Jun-11 4:47am

Dave Kreskowiak

Mehul M Thakkar · Answer 2 · 2011-06-28T06:27:00

Solution 2

You can not change the color of tick, you can use check & uncheck images which can work as a checkbox. you need to save its state somewhere on your page.

Posted 28-Jun-11 6:27am

Mehul M Thakkar

Wonde Tadesse · Answer 3 · 2011-06-28T13:36:00

Solution 3

Check out this jQuery UI checkbox[^] demo.

Posted 28-Jun-11 13:36pm

Wonde Tadesse

virang_21 · Answer 4 · 2011-06-28T13:50:00

You can use ToggleButtonExtender from Ajax Control Toolkit and use images.

XML

<asp:CheckBox ID="chkMonM" runat="server" AutoPostBack="true" OnCheckedChanged="chkMonM_CheckedChanged" />
 <cc1:ToggleButtonExtender ID="chkMonM_ToggleButtonExtender" runat="server" CheckedImageAlternateText="Select" CheckedImageUrl="~/images/good.png" Enabled="True" TargetControlID="chkMonM"
                                                        ImageWidth="30" ImageHeight="30" UncheckedImageAlternateText="Deselect" UncheckedImageUrl="~/images/bad.png">
                                                    </cc1:ToggleButtonExtender>