Skip to content

F78 example 2 is anachronistic #4249

@ghost

Description

[tl;dr note: by "describes a quaint default thin dotted user agent focus style" in the following I did not mean to refer to the code example itself, but to the phrase "looks the same as"]

Example 2 of F78 describes a quaint default thin dotted user agent focus style that does not exist anymore in mainstream browsers. All contemporary mainstream user agents on Windows and macOS have a solid medium-ish border with lots of idiosyncratic discrepancies. It would probably be best to remove that example altogether.

Just a few differences that would make an "in the spirit of"-update rather cumbersome to describe:

  • Firefox, Chrome and Edge generally have a white outer border for links
  • on macOS links have an inner border that will be blue for Chrome and Firefox if the system accent colour is multicolour, but black in Edge
  • on macOS if the system accent colour is a single colour, it will generally be used for link and button focus colours; except for Safari, where buttons are not affected
  • focus style of Buttons mostly resembles links, but not in Firefox, that uses a lighter version of the inner border with a noticeable offset
  • on Windows the inner border is black for Chrome and Edge and accent colour doesn't make a difference in any mentioned browser
  • and so on

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