title: Styling of initial default value of a text field
body: <p>I have a html input textfield as follows:</p>
  
  <pre><code>&lt;input type="text" name="fName" class="inpField" size="20" value="First Name *" /&gt;
  </code></pre>
  
  <p>Now I want to do selective styling of some text as follows:</p>
  
  <ol>
  <li><p>I have the default value set as "First Name *". Using css- I want to apply a global style to that whole thing- such as font-family, font-size.</p></li>
  <li><p>Then I want to selectively style  the asterisk (*) after the First Name with color red. Since that * is a value contained in an attribute- how do I selectively select only the asterisk part in the value attribute to make it red.</p></li>
  </ol>
  
  <p>Please help.</p>