css: overriding input[type="text"] -

css looks like:

input[type="text"] {   width: 200px; }  .small  {   width: 50px; } 

i have text fields i'd smaller. i've tried few different things, can't figure out how specify input field with, say, width 50.

textbox rendered with:

  <%= html.textbox("order","",new { @class="small", size = 5 } ) %> 

size attribute ignored, , .small doesn't override input.

write more specific selector.

e.g.

input[type="text"].foo {   width: 50px; }