Heim  >  Artikel  >  WeChat-Applet  >  So ändern Sie den Stil der Schaltflächen im WeChat-Applet

So ändern Sie den Stil der Schaltflächen im WeChat-Applet

不言
不言Original
2018-09-18 16:20:2511771Durchsuche

Der Inhalt dieses Artikels handelt davon, wie man den Stil der Schaltfläche im WeChat-Applet ändert. Ich hoffe, dass er hilfreich ist Dir zu helfen.

Schaltfläche-Schaltfläche

<button class=&#39;getCodeView firstListLineStyle&#39;
 disabled=&#39;{{disabled}}&#39; </button>

Schaltflächen-Schaltflächenstil

.getCodeView { 
  width: 100%; 
  margin-right: 20rpx; 
  height: 60rpx; 
  line-height: 60rpx; 
  background: #fff; 
  color:#1e82d2; 
  padding-right:0rpx; 
  }

Ändern Sie die Schaltflächenschaltfläche, wenn die Option „True“ aktiviert ist. Der Stil wird in grauer Schrift und hellgrauem Hintergrund angezeigt.

button[disabled]:not([type]) { 
  background-color: #fff; 
  color: #1e82d2 ; 
  }

Schaltfläche ändern Schaltflächenstil mit gestrichelten Kanten

button::after { 
  border: none; 
  }

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Stil der Schaltflächen im WeChat-Applet. 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