Maison  >  Article  >  interface Web  >  Que signifie -webkit en CSS3

Que signifie -webkit en CSS3

WBOY
WBOYoriginal
2022-03-22 10:40:1215801parcourir

En CSS3, "-webkit" signifie que webkit est l'attribut privé du navigateur du noyau ; pour différents navigateurs, différents noms de noyau sont spécifiés pour analyser les nouveaux attributs de CSS3, et le préfixe est "-webkit-" Attributs peut être utilisé normalement dans les navigateurs avec webkit comme noyau.

Que signifie -webkit en CSS3

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie -webkit en CSS3 ?

Les attributs préfixés par "-webkit-" peuvent être utilisés normalement dans les navigateurs avec webkit comme noyau

-webkit est souvent utilisé pour représenter les attributs privés de Chrome et Safari ;

pour différents Les navigateurs précisent les noms de leur noyau afin de pouvoir analyser ces nouveaux attributs.

Certains nouveaux attributs ont été ajoutés à CSS3, tels que box-reduis, box-orient, text-overflow, etc., et ces attributs n'étaient pas utilisés dans les précédents. versions n'existe pas ou n'est pas pris en charge, par conséquent, pour les différents navigateurs, leurs noms de noyau sont spécifiés afin qu'ils puissent analyser ces nouveaux attributs.

Cela semble être une explication raisonnable, c'est-à-dire que -moz- est pour Firefox et -webkit- est pour Safari et Chrome.

  • -moz représente les propriétés privées du navigateur Firefox ;

  • -ms représente les propriétés privées du navigateur IE ;

  • -webkit représente les propriétés privées de Chrome et Safari ;

  • Informations étendues :

  • Les attributs privés communs prennent le navigateur Chrome comme exemple

:: Si le devant est un code global vide, s'il y a un sélecteur css d'un élément devant, cela signifie changer le contenu du element

1. Zone de saisie

::-webkit-input-placeholder {}
//阻止input出现黄色背景
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px white !important;
}

Effacez les flèches sur le côté de la saisie[type=”number”]

input::-webkit-inner-spin-button { -webkit-appearance: none; }

2. Désactivez la sélection de texte

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

(Partage vidéo d'apprentissage :

Tutoriel vidéo CSS

)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn