title: How to use text-overflow ellipsis in an html input field?
body: <p>My web page has input fields to which I have applied the following css :</p>
  <pre class="lang-css prettyprint-override"><code>.ellip {
      white-space: nowrap;
      width: 200px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
  }
  </code></pre>
  <p>But this doesn't seem to have any effect.
  Am I missing something obvious here or is it not possible to have an ellipsis in an input field using CSS only?</p>