Make WordPress Core


Ignore:
Timestamp:
01/28/2026 09:03:34 PM (8 weeks ago)
Author:
jorbin
Message:

General: Use legacy content properties for CSS icons.

In modern browsers the CSS content property provides alt text support for assistive technology in the form display / alt text. This introduces support for legacy browsers that do not support the new syntax.

CSS content properties take advantage of the CSS cascade and browsers ignoring values they don't understand by adding duplicate content properties in the form:

content: display;
content: display / alt text;
Modern browsers will use the second property, legacy browsers will use the first.

Follow-up to [60885] for #63603. Also [61531] and [61547] because unprops jorbin.

Reviewed by wildworks, jorbin.
Merges [61480] to the 6.9 branch.

Props acmoifr, joedolson, jorbin, mydesign78, ov3rfly, peterwilsoncc, presskopp, sabernhardt, siliconforks, swissspidy, threadi, wildworks, wolf45.
Fixes #64350.

Location:
branches/6.9
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • branches/6.9

  • branches/6.9/src/wp-includes/css/wp-pointer.css

    r61547 r61548  
    2424    border-radius: 50%;
    2525    color: #2271b1;
     26    content: "\f227";
    2627    content: "\f227" / '';
    2728    font: normal 20px/1.6 dashicons;
     
    6566    background: none;
    6667    color: #787c82;
     68    content: "\f153";
    6769    content: "\f153" / '';
    6870    display: block !important;
Note: See TracChangeset for help on using the changeset viewer.