Interessanti proprietà webkit

Il team webkit le pensa proprio di tutti i colori, date un'occhiata alle seguenti proprietà :)
Interessanti proprietà webkit

-webkit-touch-callout

In iOS, quando si tiene premuto su un collegamento, Safari visualizza una didascalia che contiene delle informazioni sul collegamento. Questa proprietà consente di disabilitare questa sorta di pannello.

.touch{
    -webkit-touch-callout:none;
}

Valori: default, none.
Versioni: Testato personalmente su iOS 5.1.1

-webkit-user-drag

Specifica il drag per un elemento o per l’intero contenitore.

.drag{
    -webkit-user-drag:element;
}

Valori: auto, element, none.
Versioni: Testato personalmente su Safari 5.1.7 e Chrome 20

-webkit-appearance

Permette di visualizzare un tag come una textarea, radio buton, submit ecc.

.appearance{
    -webkit-appearance:radio;
}

Valori: checkbox, radio, push-button, square-button, button, button-bevel, listbox, listitem, menulist, menulist-button, menulist-text, menulist-textfield, scrollbarbutton-up, scrollbarbutton-down, scrollbarbutton-left, scrollbarbutton-right, scrollbartrack-horizontal, scrollbartrack-vertical, scrollbarthumb-horizontal, scrollbarthumb-vertical, scrollbargripper-horizontal, scrollbargripper-vertical, slider-horizontal, slider-vertical, sliderthumb-horizontal, sliderthumb-vertical, caret, searchfield, searchfield-decoration, searchfield-results-decoration, searchfield-results-button, searchfield-cancel-button, textfield, textarea.
Versioni: Testato personalmente su Safari 5.1.7 e Chrome 20

-webkit-text-security

Permette di personalizzare le lettere cifrate nei campi input settati come password.

input{
    -webkit-text-security:square;
}

Valori: circle, disc, none, square.
Versioni: Safari 3.0 e iOS 1,0

-webkit-user-select

Determina se un utente può selezionare il contenuto di un elemento.

.select{
    -webkit-user-select:none;
}

Valori: auto, none, select.
Versioni: Testato personalmente su Safari 5.1.7 e Chrome 20

Ti hanno convinto?

Spero che l’articolo sia stato di tuo gradimento. Per qualsiasi dubbio o segnalazione scrivi pure nei commenti o sulla nostra fanpage. Alla prossima 😉

Fonte: Interesting -webkit CSS Properties

Provalo subito

Prova la demo Consulta il codice
Search
Tags
Seleziona rubrica
Seleziona rubrica
Codice Github