title: How do I Add border to text in inputfield
body: <p>I'm trying to find out how I can customize the text in a input field with css.
  What I want to do is to add a border to the text written in the input field.</p>
  
  <p>I can customize the font-family, font-size with the "input" in css but when I add a border it applies on the input field.</p>
  
  <p><a href="http://jsfiddle.net/6Gevu/" rel="nofollow">JSfiddle trying to explain what I mean</a> </p>
  
  <pre><code>&lt;input type="text" placeholder="Add border to this text" /&gt;
  
  body {
    background-color: #ccc;
  }
  
  input {
    border: 1px solid #000
    width: 200px;
    padding: 20px;
    font-size: 20px;
  }
  </code></pre>
  
  <p>I've tried searching but didn't find anything useful, I'm sure this is easy and hopefully someone can help me.</p>
  
  <p>Thank you</p>
  
  <p>Edit: I'm trying to get the text in the input field like this: <a href="http://i.imgur.com/zmBphb1.png" rel="nofollow">http://i.imgur.com/zmBphb1.png</a></p>