Heim > Artikel > Web-Frontend > Verwenden Sie CSS, um den Standardstil von Steuerelementen in Webikt-Kernel-Browsern wie Chrome und Safari zu entfernen.
Es gibt ein solches privates Attribut von Webkit:
-webkit-Erscheinungsbild:none; /*Entferne den Eingabestandardstil*/
Fügen Sie diesen Stil hinzu, und wenn der Wert „none“ ist, können Sie den Standardstil des Browsers für das -Steuerelement abbrechen.
Darüber hinaus hat dieses Attribut auch einen magischen Platz~ Es kann verwendet werden, um die Standardstile des Browsers für verschiedene Steuerelemente aufzurufen und anzuzeigen,
Zum Beispiel: Ich bin Span, Liebes!! was er anzeigt Der Effekt ist der integrierte Stil der Schaltflächenbeschriftung.
Ha fand es ziemlich interessant~
Außerdem kann dieses Attribut verwendet werden, um den ekelhaften übergroßen abgerundeten ButtonStandardstil auf dem iPhone zu entfernen, sodass der Button kann selbst bearbeitet werden. Der Stil wird normal angezeigt.
Im Folgenden sind die möglichen Werte dieses Attributs aufgeführt, die auch als Standardeffekte von Browsersteuerelementen angesehen werden können, die angezeigt werden können.
Kontrollkästchen
Radio
Druckknopf
Quadrat-Schaltfläche
Schaltfläche
Schaltfläche-Schrägfläche
Listenfeld
listitem
menulist
menulist-button
menulist-text
menulist-textfield
ScrollbarButton-Up
ScrollbarButton-Down
Scrollbarbutton-links
Scrollbarbutton-rechts
Scrollbartrack -horizontal
scrollbartrack-vertikal
scrollbarthumb-horizontal
scrollbarthumb-vertikal
Scrollbargripper-horizontal
Scrollbargripper-vertikal
Slider-horizontal
Slider-vertikal
Sliderthumb-horizontal
Sliderthumb-vertikal
Caret
Suchfeld
Suchfelddekoration
Suchfeld-Ergebnisdekoration
Suchfeld-Ergebnisschaltfläche
Suchfeld-Abbruchschaltfläche
Textfeld
Textbereich
Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um den Standardstil von Steuerelementen in Webikt-Kernel-Browsern wie Chrome und Safari zu entfernen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!