title: buefy input not changing border style color
body: <p>I wanted to change the style of b-input buefy but when I try changing the design it doesn't work.</p>
  
  <p>Here is my code.</p>
  
  <pre><code>&lt;b-field&gt;
  &lt;b-input
  placeholder="Username"
  size="is-medium"
  &gt;&lt;/b-input&gt;
  &lt;/b-field&gt;
  
  
  &lt;style&gt;
  input.input.is-medium {
      border: 1px solid red;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/aDl61.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aDl61.png" alt="Output"></a></p>