To change this, style the placeholder with the non-standard ::placeholder selector.
Example
.product-views-option-text-input::placeholder { font-family: ‘Poppins’; color: #000000; }
To avoid the issue when clicking a blue hover in mobile an ipad devices.
add these style for that coresponding class.
-webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
For example
.footer-head {
color: #000;
font-size: 20px;
font-weight: 600;
font-family: ‘Poppins’;
text-transform: capitalize;
-webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}