Using CSS Custom Properties Variables on pseudo-elements with border shorthand ignores width

Fixed Issue #14341107


Liam S.
Oct 23, 2017
This issue is public.
Found in
  • Microsoft Edge
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

Hi there,

I’ve found a bug when using the border shorthand property and css variables within an pseudo element. This is only an issue within Edge, other browsers are fine.

As a workaround, if I add the width to the border property specifically then it will work (similarly, if I specify the border color with the css variable value then this works also)

(Code repo)[]

Windows Version: 10.0.15063 Build 15063
Microsoft Edge: 40.15063.674.0
Microsoft EdgeHTML: 15.15063

I’ve noticed this (thread)[] however as the issues are ‘fixed’ I thought I’d add a new issue, feel free to move if needed.


Comments and activity

  • Microsoft Edge Team

    Changed Status to “Fixed”

  • Does not reproduce in the latest version of Microsoft Edge released last week.

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

Sign in