title: Adding Css class to all <input type'text'> elements? Javascript / Css?
body: <p>I want to apply a CSS class to every textbox in my site:</p>
  
  <pre><code>        &lt;div class="editor-label"&gt;
              &lt;label for="FoodType"&gt;FoodType&lt;/label&gt;
          &lt;/div&gt;
          &lt;div class="editor-field"&gt;
              &lt;input id="HelpText" name="FoodType" type="text" value="" /&gt;
          &lt;/div&gt;
  
          &lt;p&gt;
              &lt;input type="submit" value="Create" /&gt;
          &lt;/p&gt;
  </code></pre>
  
  <p>And I thought, Hey! Easy. I'll add a jquery function to find them all in the masterpage.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('input').addClass('textbox');
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Unfortunately this will also select the submit button. How can i only select input elements that have a text type attribute?</p>
  
  <p>Alternativly is this possible using entirely CSS?</p>
  
  <p>If both these methods are not possible, i guess i will just have to manually add the class to every textbox i make?</p>