2 {{ upvoteCount | shortNum }}
2 {{ upvoteCount | shortNum }}

Is it possible to change the check box and the option tag into image?

by ansokclifford
2 replies
  • WEB DESIGN
    • |
Hi

i have a project and i just want to replace the default check box into an image. Is it possible?

Or lets just say change the background image of check box?

and also the dropdown on this one:
HTML Code:
<select name="gender">
           <option value="select">&nbsp;please Select</option>
            <option value="select">Male</option>
           <option value="select">Female</option>
</select>
Do i need a JavaScript on this one?
#box #change #check #image #option #tag
  • Profile picture of the author jumpa
    Originally Posted by ansokclifford View Post

    Hi

    i have a project and i just want to replace the default check box into an image. Is it possible?

    Or lets just say change the background image of check box?

    and also the dropdown on this one:
    HTML Code:
    <select name="gender">
           <option value="select">&nbsp;please Select</option>
            <option value="select">Male</option>
           <option value="select">Female</option>
</select>
    Do i need a JavaScript on this one?

    Hi, i think you need javascript to do that
    {{ DiscussionBoard.errors[5522247].message }}
  • Profile picture of the author jumpa
    Originally Posted by ansokclifford View Post

    Hi

    i have a project and i just want to replace the default check box into an image. Is it possible?

    Or lets just say change the background image of check box?

    and also the dropdown on this one:
    HTML Code:
    <select name="gender">
           <option value="select">&nbsp;please Select</option>
            <option value="select">Male</option>
           <option value="select">Female</option>
</select>
    Do i need a JavaScript on this one?

    Sorry, you can change only by change the css

    example:

    <html><head><style>
    .box{width:auto; height:auto; margin:10px auto 0px auto;padding:5px;
    border:1px solid red;background:url(01.jpg) aqua;font-family:verdana;font-size:60px;}
    </style></head>
    <body>

    <select class="box" name="gender" onChange="changeOrder()">
    <option value="select" selected>&nbsp;please Select</option>
    <option value="01">Male</option>
    <option value="02">Female</option>
    </select>
    </body></html>

    you only need an image name 01.jpg

    hope this will be helpfull
    {{ DiscussionBoard.errors[5522389].message }}

Trending Topics