How to override default style on an input textbox

Question

I have a default style like this:

input[type="text"] 
{ width: 250px; }

Now I have a input box that I want to have 450 width, how can I do this?

I've tried:

#searchbox 
{

width: 450px;
}


<input type="text" value="" name="asb" id="searchbox">

but that didn't work.

Pat · Accepted Answer · 2010-08-18 18:56:19Z

5

Just make sure your rule is more specific than the default like so:

input[type="text"]#searchbox {
    width: 450px;
}

answered Aug 18, 2010 at 18:56

Pat

25.7k6 gold badges73 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

@Blankman: Nope; that would look for a input[type="text"] descendant of #searchbox.