title: Styling input text CSS
body: <p>I am trying to create input text like below Image : 
  <br>
  <img src="https://i.stack.imgur.com/vyDsM.png" alt="enter image description here">
  <br>
  First I used CSS3 with some help like <a href="http://jsfiddle.net/CXASb/4/" rel="noreferrer">this</a> fiddle . because of problems with old browsers I reached to don't use CSS3.
  Now I coded like this :</p>
  
  <pre><code>input[type=text]
  {
      color: #979797;
      height: 28px;
      padding-left: 10px;
      text-decoration: none;
          background-image: url('Pictures/Input-BG.png');
      background-repeat: repeat-x;
  
  }
     &lt;input id="txtScrictAddress" value="Your Adress (required)" type="text" /&gt;
  </code></pre>
  
  <p>Input-BG.png is this image : 
  <br><img src="https://i.stack.imgur.com/pbpVI.png" alt="enter image description here">
  <br>and <a href="http://jsfiddle.net/TGzng/1/" rel="noreferrer">here</a> is the result.<br></p>
  
  <ol>
  <li>Did I slice input image right ?</li>
  <li>Input has a left border color , How should style the input in css like the image?</li>
  </ol>