title: Can't remove border of input element
body: <p>I am using Chrome. I am using Materialize CSS (in an Angular app). I can't remove the blue border that surrounds my number input on focus. I have tried many variations of the below, as well as some I have certainly left out in my repetition.</p>
  
  <pre><code>&lt;div class="input-field"&gt;
    &lt;label class="" for="customTarget"&gt;Desired value:&lt;/label&gt;
    &lt;input id="customTarget" type="number" class="validate" step="any" min="0"&gt;
  &lt;/div&gt;
  
  input:focus, input {
    outline: none;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    border: solid 2px transparent;
  }
  </code></pre>
  
  <p>Please, what have I missed?</p>