function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

click on check box i want cross symbol in it instated of tick mark in visual force page?

hai friends 

i did like this 
<apex:page standardController="account" recordSetVar="acc" >
        function callme()
        input[type='checkbox'] {alert("haiff"); }
    function callme()
        background-color: yellow;
        font-weight: bold;

    <apex:form >
        <apex:pageBlock >
            <apex:pageBlockTable Value="{!acc}" var="a">
                <apex:column >
                <apex:inputCheckbox id="che" onclick="callme();"/>
                <apex:outputText value="{!}"/>
but i didn't get please help me to achieve this 
You need to create custom CSS to achieve this in your VF page.

Go through below link for some sample CSS for checkboxes :-
i try but did n't get ,will you try it for me please urgent 
Follow the solution given in the post below
i don't want to  use two images 
 what my question is when i click on a check box   instard of tick mark i want cross mark 

this is a sample code in html 

<!DOCTYPE html>
input[type=checkbox].css-checkbox { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  height:1px;  width:1px;  margin:-1px;  padding:0; border:0; } 
input[type=checkbox].css-checkbox + label.css-label { padding-left:20px; height:15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer; } 
input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; }  .css-label{ background-image:url(; }
<input id="demo_box_2" class="css-checkbox" type="checkbox" checked="checked" />
<label for="demo_box_2" name="demo_lbl_2" class="css-label">Selected Option</label>
will any one try this please urgent