title: How to change the selected style on an textbox input
body: <p>I am having problems trying to change the style a the textbox when it is selected. At the moment when the text box is selected in order to type in it, the box has a blue border around it which I want to get rid of. </p>
  
  <p>This is my html :</p>
  
  <pre><code>&lt;input type="text"class="inputs" placeholder="E-Mail" id="text-email"/&gt;
  &lt;input type="password" class="inputs2" placeholder="Password" id="text-password"/&gt;
  </code></pre>
  
  <p>This is my css {</p>
  
  <pre><code>.inputs  { 
      background: #282b32;
      display: block; 
      padding: 12px 10px; 
      color: #ffb900;
      font-size: 3.6em; 
      font-family: headingFont;
      border-bottom: 1px solid black;
      border-top: 0px;
      border-left: 0px;
      border-right: 0px;
      width:570px;
      height:61px;
      text-align: center;
  }
  
  ::-webkit-input-placeholder {
      color: #ffb900;
  }
  
  #text-email {
      position: absolute;
      left:25px;
      top: 250px;
  }
  
  #text-password {
      position: absolute;
      left:25px;
      top: 335px;
  }
  </code></pre>
  
  <p>Any help would be much appreciated!</p>