Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthortechunar
    • CommentTimeJun 8th 2008
     permalink
    This works fine for IE7, but not for IE6.

    input[type="checkbox"]{
    background:none;
    border:0px;
    }

    Is there a way to make a default styling for all of the checkbox this way for IE6?

    Looking forward for help.

    Thanks.
    • CommentAuthorsoulID
    • CommentTimeJun 8th 2008
     permalink
    I believe that you can't do much with the default styles for checkboxes in IE6. IE6 wont be able to recognize certain selectors in CSS either. The way I got around this in the past is to just JavaScript to hide the actual checkbox. And in its place, i put in an image that toggles between checked/unchecked when clicked. And when clicked, the JS function can also change the actual checkbox to be checked/unchecked.
    • CommentAuthortechunar
    • CommentTimeJun 13th 2008
     permalink
    aah! that would be lot of work, am still looking for a good solution, if I found one, I would share it with you too. thanks!
  1.  permalink
    i got the solution for the same

    input {font-family:Tahoma, Helvetica, sans-serif; border:#acacac 1px solid; height: 17px; }
    /* Here i am assigning the value for mozilla and ie7 */
    input[type="checkbox"], input[type="radio"]{border: none;} same for ie 7 + ff

    * html input{border: none;} this is the code to hide border's for input tag in ie6 but to give the border to textbox
    add this way.. i did this way
    .textbox, .textbox1, .textbox2, .textbox3, .textbox4, deptinput {border:#acacac 1px solid;}
  2.  permalink
    I would take advantage of IE's conditional block statements and then point to your css file from there ie: <link rel="stylesheet" type="text/css" href="your-style-sheet.css" />

    stay away from css hacks as much as possible.
Add your comments
    Username Password
  • Format comments as (Help)