Skip to content

Inverse link colour remain white in IE11 #7073

@kr8n3r

Description

@kr8n3r

Description of the issue

When rendering an inverse link on dark background in IE 11 it remains white. As IE11 doesn't recognise CSS variables, dark background isn't styled as so it leaves a white link on white background.

See

@mixin govuk-link-style-inverse {
&:link,
&:visited {
color: govuk-colour("white");
}

Steps to reproduce the issue

View inverse link in IE11

Actual vs expected behaviour

Link should have a fallback (blue) colour.
Actual
webpage screenshot in IE11 showing white link text on white background

Expected
webpage screenshot showing blue coloured links on white background

Environment (where applicable)

  • Operating system: Windows
  • Browser: IE11
  • Browser version:
  • GOV.UK Frontend Version: 6.1.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐛 bugSomething isn't working the way it should (including incorrect wording in documentation)

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions