uni-app中的button按钮,去掉默认的灰色边框
想要去掉默认的灰色边框,需要修改。
·
<button class="blue-btn-fill">点赞</button><button class="blue-btn-hollow">已关注</button>
效果如下
想要去掉默认的灰色边框,加上自己要的样式,需要修改如下代码
//这里是去掉边框的
uni-button:after {
border: none;
}
//这里是对整体按钮定义样式
uni-button {
border-radius: $border-radius-sm;
line-height:40rpx;
font-size: 24rpx;
}
//实心按钮
.blue-btn-fill {
background-color:$color-primary;
color:#fff;
margin-right: 10px;
}
//空心按钮
.blue-btn-hollow {
color:$color-primary;
border: 1px solid $color-primary;
}
实现如下效果
更多推荐
已为社区贡献7条内容
所有评论(0)