My password input field is styled like this:
<input class="genericButton" id="login-password" type="password" name ="password" placeholder="Password">
While everything functions correctly in Chrome, I encounter an issue with Safari. When I try to input my password, nothing happens after focusing on the password field. Here's a snapshot of what happens when I click on the password field.
To illustrate the desired behavior present in Chrome, here's a screenshot: Chrome functionality example
This is the CSS styling for the input field:
.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 explored various solutions from sources like this, but none seem to resolve the issue at hand.
Your assistance is greatly appreciated.