Skip to content

[css-pseudo][css-lists] Does ::file-selector-button accept counter properties? #7846

@Loirooriol

Description

@Loirooriol

Testcase

<style>
:root { counter-reset: c 0; }
:root::before { content: "[:root::before=" counter(c) "]"; }
:root::after { content: "[:root::after=" counter(c) "]"; }
input::before { content: "[input::before=" counter(c) "]"; }
input::after { content: "[input::after=" counter(c) "]"; }
input::file-selector-button { counter-increment: c 1; }
</style>
<input type="file">

Gecko:

  • Counter is 0 on :root::before
  • input::before and input::after do not generate boxes
  • Counter is 1 on :root::after

Blink and WebKit:

  • Counter is 0 on :root::before, input::before, input::after and :root::after

So, should ::file-selector-button obey counter-increment as Gecko does?
If so, this would presumably happen between input::before and input::after?

https://drafts.csswg.org/css-lists-3/#auto-numbering defines counter properties as applying to

all elements (includes ::before and ::after pseudo-elements)

This doesn't mention ::file-selector-button, but https://drafts.csswg.org/css-pseudo-4/#file-selector-button-pseudo says

There is no restriction on which properties apply to the ::file-selector-button pseudo-element.

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