title: CSS on input boxes
body: <p>I have an issue on styling different form fields with CSS</p>
  
  <p>I have a CSS code:</p>
  
  <pre><code>#form input {border: 1px solid #FFFFFF;font-size: 16px;padding: 5px;width: 200px;}
  </code></pre>
  
  <p>Now this code styles all three of the Input fields I have (below) but also styles the image submit button I have</p>
  
  <pre><code>&lt;input type="text" class="text" name="email" id="email"&gt;
  &lt;input type="password" value="" name="password" id="password"&gt;
  &lt;input name="button" type="image" src="go.jpg" alt="Submit" align="right"&gt;
  </code></pre>
  
  <p>So then I change the CSS and create:</p>
  
  <pre><code>#form input.text {border: 1px solid #FFFFFF;font-size: 16px;padding: 5px;width: 200px;}
  #form input.button {border: 0px)
  </code></pre>
  
  <p>This prevents the CSS styling of the image submit button but now it is not styling the password field - so I tried:</p>
  
  <pre><code>#form input.text {border: 1px solid #FFFFFF;font-size: 16px;padding: 5px;width: 200px;}
  #form input.password {border: 1px solid #FFFFFF;font-size: 16px;padding: 5px;width: 200px;}
  #form input.button {border: 0px)
  </code></pre>
  
  <p>But this had no affect.</p>
  
  <p>So the question is, how can I effectively allow the CSS styling on the input text and input password fields - but not to style the image submit button?</p>
  
  <p>Thanks in advance!</p>