#1
  1. No Profile Picture
    Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2003
    Location
    Yerevan, Armenia
    Posts
    224
    Rep Power
    12

    Radio button CSS


    Hi everyone.

    Is there a way to change the appearence of a radio button, possibly using css. I want to have the solid effect you get with an input box (border-style:solid).

    -Nar
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2001
    Posts
    1,882
    Rep Power
    19
    There are several ways to assign CSS.

    Here is an example
    Code:
    <?xml version="1.0" encoding="iso-8859-1"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
    input.chk1 {
    	border: thin solid #FF0000;
    }
    input.chk2 {
    	background-color: #CCCCFF;
    	border: 1px dotted #9900FF;
    }
    input.chk3 {
    	background-color: #6699CC;
    	padding: 5px;
    	border: 1px solid #6666CC;
    }
    -->
    </style>
    </head>
    
    <body>
    <form name="form1" id="form1" method="post" action="">
      <p>
        <input name="checkbox" type="checkbox" class="chk1" value="checkbox" />
      </p>
      <p> 
        <input name="checkbox2" type="checkbox" class="chk2" value="checkbox" />
      </p>
      <p>
        <input name="checkbox3" type="checkbox" class="chk3" value="checkbox" />
      </p>
    </form>
    </body>
    </html>
  4. #3
  5. No Profile Picture
    Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2003
    Location
    Yerevan, Armenia
    Posts
    224
    Rep Power
    12
    I need the whole thing to be flat not just the borders.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2001
    Posts
    1,882
    Rep Power
    19
    looks flat to me. what browser are you using?
  8. #5
  9. No Profile Picture
    Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2003
    Location
    Yerevan, Armenia
    Posts
    224
    Rep Power
    12
    I'm using ie6. Possibly you didn't understand what i meant by flat. I want the radio button circle to appear flat.
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Nov 2001
    Posts
    1,882
    Rep Power
    19
    There are parts of Form objects that are still not effected by CSS. I think that is one of them.

IMN logo majestic logo threadwatch logo seochat tools logo