当前位置:网站首页>清除微信小程序button的默认样式
清除微信小程序button的默认样式
2022-08-11 09:03:00 【Tree_wws】
清除微信小程序button的默认样式
最近在微信小程序的开发过程中,经常的使用button按钮,但是我们要怎么样去除它们的默认样式呢?
一、去除button的边线:因为button的边框样式是通过::after
方式实现的,所以我们在这里要使用::after
伪类选择器对默认样式进行覆盖.
wxml页面
<view>
<button>我是按钮</button>
</view>
wxss页面
button::after {
border: none;
}
二、去除button点击时的默认背景色
默认背景色为.button-hover
样式渲染,我们需要重新定义一个颜色把默认的背景颜色覆盖就可以了
.button-hover{
background: yellow;
}
总结
以上就是今天要讲的内容,希望对大家有所帮助!!!
边栏推荐
猜你喜欢
随机推荐
向日葵安装教程--向日葵远程桌面控制
SDUT 2877: angry_birds_again_and_again
观察表情和面部,会发现他有焦虑和失眠的痕迹
WordpressCMS主题开发02-制作顶部header.php和footer.php
腾讯电子签开发说明
在软件工程领域,搞科研的这十年!
One network cable to transfer files between two computers
WordpressCMS主题开发01-首页制作
深度学习100例 —— 卷积神经网络(CNN)识别验证码
Features of LoRa Chips
Song of the Cactus - Massive Rapid Expansion (1)
MySql事务
mysql添加用户以及设置权限
for循环和单击相应函数的执行顺序问题
Kotlin算法入门求自由落体
万字长文带你了解多态的底层原理,这一篇就够了
Audio and video + AI, Zhongguancun Kejin helps a bank explore a new development path | Case study
The no-code platform helps Zhongshan Hospital build an "intelligent management system" to realize smart medical care
框架外的PHP读取.env文件(php5.6、7.3可用版)
通过Xshell连接Vagrant创建的虚拟机