checkboxRSS

• • Reply
  arwa55

  Member

  22 Points

  109 Posts

  checkbox

  Jan 23, 2017 09:50 AM|arwa55|LINK

  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

• • Reply
  kaushalparik...

  All-Star

  31342 Points

  7053 Posts

  Re: checkbox

  Jan 23, 2017 11:20 AM|kaushalparik27|LINK

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

  नमस्ते,
  [KaushaL] Blog Twitter [MS MVP 2008 & 2009] [MCC 2011] [MVP Reconnect 2017]
  Don't forget to click "Mark as Answer" on the post that helped you
• • Reply
  yogyogi

  Member

  660 Points

  441 Posts

  Re: checkbox

  Jan 23, 2017 06:05 PM|yogyogi|LINK

  Try 

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

  
  
  

  Helping you always. Don't forget to click "Mark as Answer" on the post that helped you.
  
• • Reply
  Cathy Zou

  Star

  8650 Points

  2882 Posts

  Re: checkbox

  Jan 24, 2017 09:13 AM|Cathy Zou|LINK

  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

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.