https://wordpress-518403-1889368.cloudwaysapps.com/register-with-us/ on this website, the color property is not working on iPhone on safari for input and select.
form#wpforms-form-2408 input,
form#wpforms-form-2408 select{
color: pink!important;
height: auto;
min-height: 78px;
box-sizing: border-box;
background: red;
line-height: unset!important;
position: relative!important;
padding-top: 0;
padding-bottom: 0;
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-webkit-text-fill-color: rgb(100, 200, 0);
}
I have tried this CSS but still, nothing changes. If you please help me.
CodePudding user response:
Try with this.
-webkit-text-fill-color: rgba(100, 200, 0, 1);
-webkit-opacity: 1;
As described here: Safari CSS Font Color issue
CodePudding user response:
It seems the entire page is covered in some senseless code that doesn't need to be there.
However, I would try to style your input type="text"
first and foremost since that's what your form consists of. It would look like the following. You can also use !important;
on your styling to tell the browser to use this style as default in case it's receiving styling elsewhere.
input[type=text] {
color: black !important;
}
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>
Then you can go ahead and adjust all other elements to match this. Such as your <select>
and <option>
elements which would also need this styling.