Skip to content

[css-ui] appearance-disabling-properties should contain pseudoelements #9168

@Im-Beast

Description

@Im-Beast

Spec should include pseudoelements (::before and ::after) as properties that disable native appearance.
Current behaviour is not coherent:

  • Chrome/Chromium already does that
  • Webkit does too
  • Firefox however doesn't, it requires appearance: none; to be set to allow pseudoelements to exist.

Sample code:

<html>
  <head>
    <style>
      .style-me::before {
        content: "Hello";
      }
    </style>
  </head>
  <body>
    <input type="checkbox" class="style-me" />
  </body>
</html>

Result:
Left – Chromium 115.0.5790.110
Center – Epiphany 44.2
Right - Firefox 115.0.2
image

Expected result:
Firefox has pseudoelement with content "Hello".

Spec section:
https://drafts.csswg.org/css-ui-4/#appearance-disabling-properties

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions