uni-app 组件里的button的样式改不掉?

本文介绍了如何通过CSS样式调整字节小程序和快手小程序中按钮的边框,包括去掉边框、调整禁用状态下的样式及点击效果。

关于按钮样式,想要去掉烦人的边框,但是无论如何给button改样式也去不掉button的边框。因为改错地方了。

1.字节小程序 button边框线

边框线是在其伪元素身上添加的

// 去掉烦人的边框
button::after{
	  border: 0; // 或者 border: none;
}


// 调整禁用时的样式
button[disabled] {
	  background-color: #fff;
	  color: #eee;
}
// 修改点击时的样式
.button-hover {
	color:#F85959;
	background-color:#fff;
}

2.快手小程序 button边框线

button{
	  box-shadow: none;
}
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值