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!