Fix example code for picker-icon and checkmark pseudo-elements

[lucasweng]

Description

This PR updates the example code for picker-icon and checkmark to match their respective descriptions. The correct selector should be ::picker(select) for the styling to work properly.

Animating the picker icon

To opt-in to customizable select functionality, the <select> element and its picker both need to have an appearance value of base-select set on them:

select,
::picker-icon(select) {
 appearance: base-select;
}

Customizing the checkmark

To opt-in to customizable select functionality, the <select> element and its picker both need to have an appearance value of base-select set on them:

select,
::checkmark(select) {
  appearance: base-select;
}

Motivation

Additional details

Related issues and pull requests

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/::checkmark
• /en-US/docs/Web/CSS/::picker-icon

[Josh-Cena]

Nice catch, thanks