微信小程序修改checkbox的樣式代碼實例
更新時間：2020年01月21日 10:07:23 作者：最初的樣子
這篇文章主要介紹了微信小程序修改checkbox的樣式代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
這篇文章主要介紹了微信小程序修改checkbox的樣式代碼實例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
修改前：
修改后：
wxml代碼：
<checkbox class="checkbox" />
wxss代碼：
/* checkbox選中錢樣式 */
checkbox{
transform: scale(0.7,0.7);
}
/* checkbox選中后樣式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color:#fff;
background: #6669e3;
border-color:#6669e3;
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JS訪問DOM節(jié)點方法,結(jié)合實例形式較為詳細(xì)的分析了JS訪問DOM節(jié)點的相關(guān)函數(shù)與使用方法,需要的朋友可以參考下2016-11-11
Proxy是JavaScript的一個內(nèi)置對象，它允許您攔截并自定義對象的行為。本文將和大家簡單聊聊JavaScript中Proxy對象的創(chuàng)建與使用，感興趣的可以了解一下2023-03-03
這篇文章主要為大家介紹了JavaScript函數(shù)的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
微信小程序?qū)崿F(xiàn)多行文字超出部分省略號顯示功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多行文字 超出部分省略號顯示功能，比如設(shè)置只顯示2行，超出部分省略號顯示，本文通過實例代碼給大家介紹,需要的朋友可以參考下2019-10-10
下面小編就為大家?guī)硪黄猨s轉(zhuǎn)html實體的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
List the UTC Time on a Computer
List the UTC Time on a Computer...2007-06-06
這篇文章主要介紹了在webstorm中配置less的方法，本文通過圖文并茂的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友參考下吧2020-09-09
JavaScript實現(xiàn)同時調(diào)用多個函數(shù)的方法
這篇文章主要介紹了JavaScript實現(xiàn)同時調(diào)用多個函數(shù)的方法,以一個簡單實例分析了JavaScript同時調(diào)用兩個函數(shù)的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了JS實現(xiàn)的多張圖片輪流播放幻燈片效果,實例分析了js圖片輪播插件的實現(xiàn)代碼與具體使用方法,需要的朋友可以參考下2016-07-07
javascript替換已有元素replaceChild()使用介紹
這篇文章主要介紹了javascript替換已有元素replaceChild()使用,需要的朋友可以參考下2014-04-04