Home > Software engineering >  Text color is not working on safari iphone
Text color is not working on safari iphone

Time:11-09

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.

  • Related