locked
checkbox RRS feed

  • 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

    Monday, January 23, 2017 9:50 AM

All replies

  • 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./.

    Monday, January 23, 2017 11:20 AM
  • User-2054057000 posted

    Try 

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



    Monday, January 23, 2017 6:05 PM
  • 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

    Tuesday, January 24, 2017 9:13 AM