Ändern Sie den nativen Stil des Video-Tags
Öffnen Sie die Einstellungen in der Konsole und aktivieren Sie „Shadow-DOM des Benutzeragenten anzeigen“, um den internen Stil des Video-Tags zu überprüfen.
Was durch den Pfeil markiert ist, ist der Inhalt des Show-DOM. Diese Inhalte sind normalerweise unsichtbar und werden nur angezeigt, wenn sie aktiviert sind.
Nachdem wir die Struktur kennen, können wir den Stil über CSS festlegen und die Zeit in den roten Stil ändern.
Rufen Sie den Wert von Pseudo ab und legen Sie den Stil fest
video::-webkit-media-controls-current-time-display {
Farbe: rot;
}Ergebnis
Damit ist dieser Artikel zum Ändern des nativen Stils des Video-Tags mit CSS abgeschlossen. Weitere Informationen zum Ändern des Video-Tags mit CSS finden Sie in den vorherigen Artikeln auf downcodes.com oder weiter unten in den entsprechenden Artikeln Sie werden in Zukunft mehr lesen.