uni-app中的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;
}

 实现如下效果

 

 

你可能感兴趣的:(css3,uniapp,前端,uni-app)