SVG Use class css doesn't work

Confirmed Issue #7610185 • Assigned to Bogdan B.

Details

Author
Anthony C.
Created
May 19, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Hello,

First, the external SVG file doesn’t work on IE 11, howerver, it works on Edge.

HTML :

<svg width="100px" height="100px" viewbox="0 0 100 100" class="icon-arrow-prev">
    <use xlink:href="sprite.svg#arrow" class="icon-arrow"></use>
</svg>

That’s not my main issue, I get an issue using class on my “<use>” tag (IE Edge). It only works on the <svg> tag…

CSS :

.icon-arrow-prev { fill: red; } // it works
.icon-arrow { fill: blue; } // it doesn't work

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Ibrahim O.”

      Changed Assigned To from “Ibrahim O.” to “Bogdan B.”

      Changed Status to “Confirmed”

    You need to sign in to your Microsoft account to add a comment.

    Sign in