title: css: overriding input[type="text"]
body: <p>CSS looks like:</p>
  
  <pre><code>input[type="text"]
  {
    width: 200px;
  }
  
  .small 
  {
    width: 50px;
  }
  </code></pre>
  
  <p>I have some text fields that I'd like smaller.  I've tried a few different things, but can't figure out how to get specify an input field with, say, width 50.</p>
  
  <p>Textbox is rendered with:</p>
  
  <pre><code>  &lt;%= Html.TextBox("Order","",new { @class="small", size = 5 } ) %&gt;
  </code></pre>
  
  <p>Size attribute is ignored, and .small doesn't override the input.</p>