An SVG line with a stroke set via style sheet and a marker-start does not change color as expected when the stroke is changed via the inline style

Fixed Issue #12976021


James S.
Jul 28, 2017
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

As per the attachment there is an SVG element containing a marker and a line. The marker is applied to the line via marker-start.
The line has a class applied which defines the stroke as #000000 (Note: NOT using !important)
When the inline style of the line is edited to change the stroke (e.g. to red) the dev tools display as if the inline style supersedes the css (as it should), but the browser still renders the line as black, not red.
If the marker is not applied to the line then it changes color as expected.
If the style class does not contain a stroke then the line changes color as expected.


Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “James M.”

  • Hello,

    Thank you for providing this information about the issue. Unfortunately, we are unable to reproduce this problem in Edge with the information at hand. Please update this case when you can provide a sample code and repro steps.

    Best Wishes,
    The MS Edge Team

  • Hi,
    You can use the attached page to reproduce. On clicking the rectangle the line color of the line with the arrow head should change, but it does not. It works as expected in Chrome.

  • Microsoft Edge Team

    Changed Assigned To to “Bogdan B.”

    Changed Status to “Fixed”

  • ¬†Merging with another, internal issue

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

Sign in