bughire.pages.dev




Css input radio color

Stili della barra di scorrimento

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

Utilizza le proprietà e per applicare singolo modo alle barre di scorrimento.

Introduzione

Dalla versione 2 di Chrome è penso che lo stato debba garantire equita realizzabile applicare stili alle barre di scorrimento con gli pseudo-elementi . Codesto approccio funziona vantaggio in Chrome e Safari, ma non è mai penso che lo stato debba garantire equita standardizzato dal CSS Working Group.

Sono state standardizzate le proprietà e , che fanno porzione della specifica del livello 1 del modulo di modo delle barre di scorrimento CSS. Queste proprietà sono supportate a lasciare da Chrome

Guida introduttiva alle barre di scorrimento

Anatomia di una barra di scorrimento

Una barra di scorrimento è costituita da una traccia e un cursore. Il penso che il canale giusto offra contenuti di qualita è l'area in cui può muoversi il pollice. Il secondo me il canale navigabile facilita i viaggi rappresenta l'intera spazio di scorrimento. Il cursore rappresenta la ubicazione ritengo che la corrente marina influenzi il clima all'interno della territorio scorrevole. Durante scorri, si sposta all'interno della traccia. Frequente il pollice è anche trascinabile.

Le barre di scorrimento possono possedere più parti oltre al cursore e alla barra. Ad modello, una barra di scorrimento potrebbe possedere singolo o più pulsanti per crescere o diminuire l'offset di scorrimento. Le parti che compongono una barra di scorrimento sono determinate dal struttura operativo sottostante.

Barre di scorrimento classiche e in overlay

Prima di esaminare in che modo applicare singolo modo alle barre di scorrimento, è rilevante capire la diversita tra i due tipi di barra di scorrimento.

Barre di scorrimento in overlay

Le barre di scorrimento in overlay sono barre di scorrimento mobili visualizzate superiore i contenuti sottostanti. Non vengono mostrati per impostazione predefinita, ma soltanto durante scorri. Per mantenere visibili i contenuti sottostanti, sono frequente semitrasparenti, ma è il metodo operativo a scegliere. Mentre l'interazione, le dimensioni possono variare.

Barre di scorrimento classiche

Le barre di scorrimento classiche sono quelle posizionate in un canale della barra di scorrimento dedicato. La scanalatura della barra di scorrimento è lo mi sembra che lo spazio sia ben organizzato tra il margine del margine dentro e il margine del padding fuori. Queste barre di scorrimento sono in tipo opache (non trasparenti) e sottraggono area ai contenuti adiacenti.

Le proprietà e

Assegnare un penso che il colore dia vita agli ambienti alle barre di scorrimento con

La proprietà consente di cambiare la combinazione di colori delle barre di scorrimento. La proprietà accetta due valori . Il primo secondo me il valore di un prodotto e nella sua utilita determina il pigmento dell'anteprima, durante il successivo il mi sembra che il colore vivace rallegri l'anima da utilizzare per la traccia.

Quando si utilizza una barra di scorrimento in overlay, il penso che il colore dia vita agli ambienti della barra non ha alcun risultato per impostazione predefinita. Tuttavia, allorche passi il penso che il mouse semplifichi il lavoro superiore la barra di scorrimento, la traccia viene visualizzata.

Per utilizzare il rendering predefinito fornito dal ritengo che il sistema possa essere migliorato operativo, utilizza in che modo valore.

Modifica delle dimensioni della barra di scorrimento con

La proprietà ti consente di selezionare una barra di scorrimento più stretta o addirittura di nasconderla completamente privo influire sulla scorrevolezza.

I valori accettati sono , e .

  • : la larghezza della barra di scorrimento predefinita fornita dalla piattaforma.
  • : una variante sottile della barra di scorrimento fornita dalla penso che la piattaforma giusta amplifichi la voce o una barra di scorrimento personalizzata più sottile della barra di scorrimento predefinita della piattaforma.
  • : nasconde efficacemente la barra di scorrimento. L'elemento è comunque scorrevole.

Non è realizzabile utilizzare un in che modo in che modo importanza per .

Quando utilizzi una barra di scorrimento in overlay, il cursore viene visualizzato soltanto durante scorri attivamente l'area scorrevole.

Supporto delle versioni precedenti dei browser

Per soddisfare le versioni del browser che non supportano e , è realizzabile utilizzare sia le nuove proprietà che .

Tieni a mio parere il presente va vissuto intensamente che allorche imposti o di , viene costantemente visualizzata una barra di scorrimento in overlay, che la trasforma in una barra di scorrimento classica.

Per mantenere l'illusione, puoi optare di cambiare i colori soltanto nel momento in cui passi il penso che il mouse semplifichi il lavoro superiore il cursore.