External Css For Svg. One approach you can take is just to use CSS filters to change the appearance of the SVG graphics in the browser. Load external SVGs as inline elements.
The idea generally is to bring the CSS and the svg elements to the same DOM tree either by getting the svg elements from the external file to the main document or the CSS from the main document to the external file. You cant use external CSS classes to style a SVG called within an object element despite a lot of blog posts in the subject says you can interact with buit this is misleading for this particular case. One approach you can take is just to use CSS filters to change the appearance of the SVG graphics in the browser.
Just use as if it works and the script will handle it in IE 9 10 11.
I just latched on to the idea of applying css to svgs which is good for. To use an SVG filter in CSS use the url keyword define a URI that defines an SVG file and reference a filter with an id. The idea generally is to bring the CSS and the svg elements to the same DOM tree either by getting the svg elements from the external file to the main document or the CSS from the main document to the external file. An external style sheet can be written in any text editor and must be saved with acss extension.
