Improve company productivity with a Business Account.Sign Up

x
?
Solved

How to change check box color

Posted on 2015-01-06
2
Medium Priority
?
150 Views
Last Modified: 2015-01-19
Hi

I am using
<input type="checkbox" >Sathish

normal html checkbox coming as gray i want to change some other color how to make it ??
0
Comment
1 Comment
 
LVL 34

Accepted Solution

by:
Big Monty earned 2000 total points
ID: 40533514
as PP suggested, this cannot be done with straight CSS. I did come across the jsFiddle below that allows styling using javascript/jquery. I think that may be your best bet.

http://jsfiddle.net/D8daE/1/

however, you may be able to put the checkbox in a div and style the background to what you want
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

585 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question