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.

    • CommentAuthortrousers
    • CommentTimeMay 15th 2006
     permalink
    I'm working in IE6 and looking to modify the properties of a certain type of input box without modifying all types of input boxes. Specifically, I want all text inputs to have a 1px solid black border but all other inputs to have their default border. I have no access to modify the HTML in the body, only the CSS in the document head. I've tried both "input:text" and "input.text" to no avail. Any way I can do this with changing all input boxes?

    Thanks,
    t
  1.  permalink
    If you can't modify the HTML that's hard to do. If you do this:

    input {
    border: solid 1px black;
    }

    That will also style submit buttons, which I gather you don't want to do. I'm guessing because I can't see the code you're describing (do you have a link), but perhaps you can try nesting the CSS like so:

    #header #login input {
    border: solid 1px black;
    }

    The best way to do it would be to add a class to the input boxes that you want to style:

    input.black-border {
    border: solid 1px black;
    }

    If this doesn't help, perhaps a link to the code would clarify your problem.
    •  
      CommentAuthornifkin
    • CommentTimeMay 15th 2006
     permalink
    I've tried both "input:text" and "input.text" to no avail.

    What it sounds like you'd like to do is something like this:

    input[@type="text"] { border:1px solid black; }

    But I know it won't work in IE6 and I'm too lazy to actually check IE7 right now. ;)
Add your comments
    Username Password
  • Format comments as (Help)