How to Load the .css file for Chrome Browser and other Brows

Question

I have two .css file one of Chrome brwoser and another one for all other brwoser, But why my java script is not getting called, I mean, I am unable to invoke the .css file in MVC view page, Please help me, Kindly find my below code which I am invoking through a.cshtml file

this is MVC 4.Net Project

var printCSSfile = "quickui.print.css";

if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1) {

printCSSfile = "quickui.printChrome.css";

}

document.write('<link href="~/Content/' + printCSSfile + '" rel="stylesheet" type="text/css" />');

</script>

Midhun T P · Answer

Hi Please try below script - function loadcss() { if (navigator.userAgent.toLowerCase().indexOf(chrome) > -1) { var cssId = 'myCss'; if (!document.getElementById(cssId)) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.id = cssId; link.rel = 'stylesheet'; link.type = 'text/css'; link.href = 'cssname.css'; link.media = 'all'; head.appendChild(link); } } } loadcss(); Reference : http://stackoverflow.com/questions/574944/how-to-load-up-css-files-using-javascript

Kumar AU · Answer

Thanks Amith I think your code is server side even I am able to do that but I want to know how I can do using client script and I think my code is correct but why its not getting loaded. for Chrome browser

Amit Singh · Answer

hey kumar try this code for your reference if ( Request . Browser . Browser == IE ) { HtmlLink css = new HtmlLink (); css . Href = ResolveClientUrl ( ~/style/StyleSheet.css ); css . Attributes [ rel ] = stylesheet ; css . Attributes [ type ] = text/css ; css . Attributes [ media ] = all ; Page . Header . Controls . Add ( css ); }

Kumar AU · Answer

Hi MOIZUDDIN thanks for your response. My requirement is that I need to load the .css files based on the browser which we have opened For example Chrome its a.css file and for all other browser it should be b.css. Kindly let me How can I add the code in aa.cshtml file with If condition based on the browser. At present only this line is there But I need to make If condition in that .

Khaja Moizuddin · Answer

Please refer the code from these blogs. http://stackoverflow.com/questions/5110028/add-css-or-javascript-files-to-layout-head-from-views-or-partial-views http://stackoverflow.com/questions/5021552/how-to-reference-a-css-file-on-a-razor-view https://www.codeproject.com/Tips/1092209/Adding-CSS-UI-Frameworks-in-ASP-NET-MVC-Applicatio https://forums.asp.net/t/2040759.aspx?How+I+make+specific+style+sheet+css+on+every+page+in+ASP+Net+MVC+