1

My password input field looks like this:

<input class="genericButton" id="login-password" type="password" name ="password" placeholder="Password">

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. This is what it looks like when I focus on the password field.

And this is how I want it to work (as seen in Chrome.)

This is the CSS

.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;
}

I have looked into others solutions like this one but nothing seems to work.

Thank you in advance.

Community
  • 1
  • 1
boinka
  • 145
  • 1
  • 11

1 Answers1

1

Ok, found out the solution. All that was missing from my CSS was this line:

box-sizing: content-box;

Works perfectly. Sorry, if the simplicity offended anyone))

boinka
  • 145
  • 1
  • 11