title: Removing a focus color in Chrome
body: <p>I have a colour that appears on my input and textarea fields when they are focused:</p>
  
  <p><img src="https://i.stack.imgur.com/yfVu6.jpg" alt="enter image description here"></p>
  
  <p>This seems to happen in Chrome, but not Firefox.</p>
  
  <p>I have tried to change the color with a bit of jQuery:</p>
  
  <pre><code>if ($('body').is('#contact')) {
          $('input').focus(function() {
              $(this).css('border', '2px solid #ce1443');
              console.log('focus');
          });
  
           $('textarea').focus(function() {
              $('textarea').css('border', '2px solid #ce1443');
          });
      }
  </code></pre>
  
  <p>However, this appears to only make the current border bigger...but it does nothing to get rid of the blue colour.</p>