Color applied via CSS shows different on IE & Chrome for SPS2013.

Example: I've set the base colour as blue using a content editor for a specific SPS page.

However, on IE it shows white, while Chrome shows blue and few other machines with chrome shows it as black.

Wondering what I can do to main uniformity.

Any ideas?

  • interesting, what ie browser version are you using to test and what versions of OS are being used?? you need to use F12 developer tools to inspect the element to see what css is applied to the control.
    – Ali Jafer
    Commented Apr 22, 2016 at 6:50
  • Determine where the 3 different colors come from, then try to figure out what You are doing wrong. Commented Apr 22, 2016 at 12:51

1 Answer 1


This is really awesome....you are doing something wrong...Try putting condition over your CSS and then check:

if (BrowserDetect.browser.indexOf("chrome")>-1) {
document.write('<'+'link rel="stylesheet" href="../component/chromeCSSStyles.css" />');
} else if (BrowserDetect.browser.indexOf("mozilla")>-1) {
    document.write('<'+'link rel="stylesheet" href="../component/mozillaStyles.css" />');
} else if (BrowserDetect.browser.indexOf("explorer")>-1) {
    document.write('<'+'link rel="stylesheet" href="../component/explorerStyles.css" />');
  • Sorry for acting DUMB. Ankit, how shall I add the above condition on my Intranet page to test.
    – Jason
    Commented Apr 26, 2016 at 0:51
  • before adding you should have those css files in the location specified in href.. or store the css files in a particular library in sharepoint site and provide the links in here Commented Apr 26, 2016 at 5:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.