La storia 31 ottobre 2026
Il Menu a Tendina, l'Ultima Scatola Spoglia della Pagina, Ora Si Può Progettare
Per trent'anni il menu che si apre quando si sceglie una taglia, un paese o un colore ha avuto l'aspetto che gli dava il computer del visitatore, qualunque fosse l'aspetto del resto della pagina. Chrome ha permesso ai designer di ristilizzarlo l'anno scorso. Safari ha seguito a settembre, e lunedì Safari 27.2 ha aggiunto un ulteriore tassello.
Come lo disegna il computer del visitatore: solo parole, nel font di sistema
Ristilizzato: il carattere della pagina stessa, un campione di colore per ogni scelta
Quasi ogni pagina che vende qualcosa ne ha uno: la casella su cui si clicca per scegliere una taglia, un paese, un giorno di consegna, e il breve elenco che ne esce. Nel settore si chiama select, dal nome dell'elemento HTML che lo genera. Fino a poco tempo fa un designer poteva modificarne ben poco oltre al bordo e al colore del testo. L'elenco che si apriva era disegnato dal sistema operativo del visitatore, con il proprio font e il proprio colore di evidenziazione, e poteva contenere solo parole. I siti che volevano un menu coerente con il resto della pagina ne costruivano uno finto con uno script e scatole semplici, e i menu finti spesso penalizzano chi usa una tastiera o uno screen reader.
Questo è cambiato in due dei tre browser principali. Chrome ha reso il menu ristilizzabile nella versione 135, nella primavera 2025. Safari 27.0 ha fatto lo stesso il 17 settembre. Un designer lo attiva con una riga di CSS, il linguaggio che definisce l'aspetto di una pagina: appearance: base-select. Da quel momento ogni parte può essere stilizzata: la casella, l'elenco, la piccola freccia, il segno di spunta accanto alla voce scelta. Ogni scelta può ora contenere più che parole, così un negozio di vernici può mostrare un campione accanto a ogni colore e un sito di viaggi una bandiera accanto a ogni paese. Poiché resta il menu vero, continua a funzionare con la tastiera, con gli screen reader e con i moduli. Il team di Safari ha espresso l'obiettivo con chiarezza: “un menu a tendina completamente personalizzato che corrisponda all'aspetto e alla sensazione del tuo sito web”.
Leggi la storia completaChiudi
Anche l'aspetto iniziale conta. Attivando il nuovo menu senza aggiungere nulla, Safari ora lo disegna con un'ombra morbida, angoli arrotondati di quattro pixel, righe abbastanza alte per un dito, una freccia rivolta verso il basso e un segno di spunta, in versione chiara e scura. Safari ha modificato queste impostazioni predefinite durante l'estate e ha portato il design al CSS Working Group, l'organismo che scrive le regole seguite dai browser, affinché ogni browser possa condividere lo stesso punto di partenza.
Safari 27.2, rilasciato lunedì, aggiunge un piccolo aggancio chiamato ::field-content. Permette a un designer di stilizzare le parole dell'opzione scelta nel punto in cui si trovano nella casella chiusa, senza ricostruire la casella. La stessa release impedisce che un elenco lungo fuoriesca dal bordo dello schermo.
C'è un compromesso. L'annuncio di Chrome stesso elenca cosa perde il menu ristilizzato: non apre più il selettore integrato del telefono, e non si allarga più per adattarsi alla scelta più lunga. Firefox ha il nuovo menu solo dietro un'impostazione nascosta, quindi i suoi visitatori vedono ancora quello vecchio. Per loro non si rompe nulla: un browser che non conosce la nuova riga la ignora e disegna il menu ordinario.
Perché è importanteI moduli sono il punto in cui una pagina curata nei dettagli torna più spesso a sembrare generica, proprio nel momento in cui qualcuno sta scegliendo cosa acquistare. Il menu ora può portare il carattere, il colore e le immagini della pagina. Rendi rifinita la versione semplice, dato che i visitatori di Firefox la vedranno, poi ristilizza quella nuova, e testala su un telefono, dove il menu ristilizzato sostituisce il selettore integrato.
Craft: colore, struttura e movimento nei siti web pluripremiati →
Fonti: WebKit: Features for Safari 27.2 (26 ottobre 2026) · WebKit: Features for Safari 27.0 (17 settembre 2026) · Chrome for Developers: The select element can now be customized with CSS (24 marzo 2025) · MDN: Customizable select elements · MDN browser compatibility data: appearance