Search code examples
htmlcssmobile-browser

CSS style override doesn't work on mobile browsers

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;">
Solution

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