Heim  >  Artikel  >  WeChat-Applet  >  So löschen Sie die Standardstile von Schaltflächen und Bildlaufleisten in Miniprogrammen (Code)

So löschen Sie die Standardstile von Schaltflächen und Bildlaufleisten in Miniprogrammen (Code)

不言
不言Original
2018-08-21 16:59:193511Durchsuche

Der Inhalt dieses Artikels befasst sich mit dem Löschen der Standardstile von Schaltflächen und Bildlaufleisten in Miniprogrammen. Ich hoffe, dass er für Sie hilfreich ist .

erzielt den in der Abbildung unten gezeigten Effekt durch die Verwendung von vier Schaltflächen:

Beim Schreiben von Stilen können die Schaltflächen nicht immer abgerundet werden und Grenzen, Liebe zwischen Göttern und Dämonen!

Tatsächlich können wir den Standardstil der Schaltfläche überprüfen, um das Problem zu lösen. Wir erstellen eine Schaltfläche, überprüfen den Stil und finden das Problem.

Es stellt sich heraus, dass die Schaltfläche des Mini-Programme werden mit „border-radius“ und „border“-Attributen geliefert, die nicht direkt auf die Schaltfläche festgelegt werden, sondern mit „button::after“ festgelegt werden. Um diese beiden Standardstile zu löschen, müssen Sie daher den Schaltflächenstil nicht direkt festlegen diese Stile in button::after , aber die CSS-Anweisung zum Löschen des Stils wird am besten am Anfang der wxss-Datei geschrieben. Wenn Sie sie am Ende von wxss schreiben, werden die zugehörigen Stile gelöscht, die Sie für die Schaltfläche festgelegt haben. Der Code lautet wie folgt:

button::after{

border-radius: 0;

border: 0;

}

Eine weitere Gefahr besteht darin, dass das Festlegen des Werts von border-left in button::after zu jeder Schaltfläche einen linken Rand hinzufügen kann Die Zeile wird nur zwischen Punkten und Kontostand angezeigt.

Löschen Sie die Bildlaufleiste der Bildlaufansicht

Manchmal brauchen wir die breite und hässliche Bildlaufleiste nicht. Tatsächlich ist es sehr einfach, sie zu löschen. Fügen Sie der WXSS-Datei Folgendes hinzu: Der Code reicht aus. Auch hier müssen wir ihn an den Anfang der WXSS-Datei schreiben.

::-webkit-scrollbar{

  width: 0;

  height: 0;

}

Verwandte Empfehlungen:

Einführung in die Formularübermittlung und -überprüfung sowie die Verwendung regulärer Ausdrücke in WeChat-Miniprogrammen (mit Code)

Einführung in die Konfigurationsmethode der JSON-Konfiguration im WeChat-Miniprogramm (mit Code)

Das obige ist der detaillierte Inhalt vonSo löschen Sie die Standardstile von Schaltflächen und Bildlaufleisten in Miniprogrammen (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn