CSS style override doesn't work on mobile browsers

StackOverflow https://stackoverflow.com/questions/14847082

  •  09-03-2022
  •  | 
  •  

Question

Here's my code in a css. It's overriding a style written in the HTML file. I don't have access to change the HTML.

body[style] {
    background-color: yellow !important ;
    background: solid;
}

Background changes to yellow just fine on desktop Chrome. Doesn't work on mobile Chrome for Safari on iphone. 

<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="margin-left: auto; margin-right: auto; width: 900px;">
Was it helpful?

Solution

please remove bgcolor="#000000" from your body element and everything will work fine.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top