title: Safari would not allow to interact with the input pssword, while allowing input into other input fields
body: <p>My password input field looks like this:</p>
  
  <pre><code>&lt;input class="genericButton" id="login-password" type="password" name ="password" placeholder="Password"&gt;
  </code></pre>
  
  <p>And in Chrome, everything works fine: I am able to input my password and proceed. In Safari, however, I can input my login (similar input field) but when I click on the password field nothing happens.
  <a href="https://i.stack.imgur.com/JN2iY.png" rel="nofollow noreferrer">This is what it looks like when I focus on the password field</a>.</p>
  
  <p><a href="https://i.stack.imgur.com/TwtmH.png" rel="nofollow noreferrer">And this is how I want it to work (as seen in Chrome.)</a></p>
  
  <p>This is the CSS</p>
  
  <pre><code>.genericButton {
      font-family: 'Roboto';
      font-weight: 300;
      background-color: rgba(50,50,50,0.3);
      color: aliceblue;
      transition: 0.25s;
      width: 190px;
      font-size: 1em;
  }
  </code></pre>
  
  <p>I have looked into others solutions <a href="https://stackoverflow.com/questions/20495827/text-field-not-working-in-safari">like this</a> one but nothing seems to work.</p>
  
  <p>Thank you in advance.</p>