Was bedeutet -webkit in CSS3?

In CSS3 bedeutet „-webkit“, dass Webkit das private Attribut des Kernel-Browsers für verschiedene Browser ist, unterschiedliche Kernel-Namen angegeben werden, um die neuen Attribute von CSS3 zu analysieren, und das Präfix „-webkit-“ ist kann normal in Browsern mit Webkit als Kern verwendet werden.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

Was bedeutet -webkit in CSS3?

Attribute mit dem Präfix „-webkit-“ können normalerweise in Browsern mit Webkit als Kern verwendet werden.

-webkit wird häufig zur Darstellung privater Chrome- und Safari-Attribute verwendet;

für verschiedene Zwecke Browser legen ihre Kernelnamen fest, damit sie diese neuen Attribute analysieren können

Einige neue Attribute wurden zu CSS3 hinzugefügt, wie z. B. Box-Reduis, Box-Orient, Text-Overflow usw., und diese Attribute wurden in früheren Versionen nicht verwendet Versionen existieren nicht oder werden nicht unterstützt. Daher werden für verschiedene Browser ihre Kernelnamen angegeben, damit sie diese neuen Attribute analysieren können.

Dies scheint eine vernünftige Erklärung zu sein, das heißt, -moz- ist für Firefox und -webkit- ist für Safari und Chrome.

• -moz stellt private Eigenschaften des Firefox-Browsers dar;

• -webkit stellt private Eigenschaften des Chrome- und Safari-Browsers dar;

• Erweiterte Informationen:

Allgemeine private Attribute nehmen den Chrome-Browser als Beispiel

• :: Wenn die Vorderseite leerer globaler Code ist und sich davor ein CSS-Selektor eines Elements befindet, bedeutet dies, dass der Inhalt des Elements geändert wird Element

1. Eingabefeld

::-webkit-input-placeholder {}

e

Löschen Sie die Pfeile an der Seite der Eingabe[type=“Nummer“]

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

2. Deaktivieren Sie die Textauswahl

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

(Lernvideo-Freigabe:

CSS-Video-Tutorial

).

Das obige ist der detaillierte Inhalt vonWas bedeutet -webkit in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!