Solved

display a 'X' for an html checkbox

Posted on 2013-06-17
2
205 Views
Last Modified: 2013-08-27
Hi experts,

Is it possible display a 'x' for an html checkbox when we click on instead of 'tick' mark. Can we change this? Maybe using a Javascript code?

Regards,
0
Comment
Question by:alcani
2 Comments
 
LVL 15

Expert Comment

by:Jagadishwor Dulal
ID: 39255323
You mean you want to use custom it is possible using css only also:
http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39255325
I think you are better off leaving it a check as is since that will be easier to make your form compatible with multiple devices and browsers.   Otherwise, the way to do what you want is with a sprite like shown here

http://csscheckbox.com
and
http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/. ( Just make your own sprite with an X instead of a Tick.)

Alternative options with a tick.
http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
http://cssdeck.com/labs/css-checkbox-styles.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
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…

706 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now