checkbox

Question

User-62667992 posted

hiiiiiii

i need to style my checkbox but i couldn't is there a way to change the color of  the arrow inside the checkbox when checked

 <asp:CheckBox ID="CheckBox6" runat="server" ForeColor="#FF3300" />

regards

Answer 1

User-1509636757 posted

A bit googling would give you many option on how you can achieve this. Some of them:

1. http://stackoverflow.com/questions/27417398/how-to-change-the-checked-mark-color-of-a-checkbox-in-html (check out the working demo given in this thread in jsFiddle - the example is using simple CSS styles to theme the checkbox control)
2. https://codepen.io/bbodine1/pen/novBm

Besides, there are many jQuery Plugins available that you can use to theme checkboxes and other input controls.

hope it helps./.

Answer 2

User-2054057000 posted

Try 

#Checkbox6[type=checkbox]:checked
{
color: #f00;
}

Answer 3

User-707554951 posted

Hi arwa55,

Using the following code:

  <asp:CheckBox ID="CheckBox1" runat="server"  Text="CheckBox1" ForeColor="#FF3300" AutoPostBack="true" OnCheckedChanged="CheckBox1_CheckedChanged"/>

CodeBehind:

using System.Drawing;

  protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
        {
            if (CheckBox1.Checked)
            {
                CheckBox1.ForeColor = Color.Green;
            }
            else
            {
                CheckBox1.ForeColor = Color.Red;
            }
          
        }

Output Screenshot as below:

Best Regards

Cathy