uni-app button在css里面定义的颜色属性手机上不生效

最新推荐文章于 2024-10-31 19:47:49 发布

coding上下求索

最新推荐文章于 2024-10-31 19:47:49 发布

阅读量1w

点赞数 2

分类专栏： uni-app

本文链接：https://blog.youkuaiyun.com/shangxiaqiusuo1/article/details/118873114

版权

uni-app 专栏收录该内容

1 篇文章

订阅专栏

uni-app button在css里面定义的颜色属性手机上不生效

如果你是下面的这种写法

<button class="btn" type="default" @click="goto('./***')">你瞅啥</button>

.btn {
		top: 350rpx;
		width: 100px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 17px;
		color: #ffffff; 
		background-color: #ffaa00；
	}

出现了网页上button颜色生效，但是发布到手机上颜色就不生效了，这时候，将其修改成下面的方式即可

<button class="btn" style="color: #ffffff; background-color: #ffaa00;" type="default"
			@click="goto('./***')">你瞅啥</button>

.btn {
		top: 350rpx;
		width: 100px;
		height: 35px;
		font-size: 18px;
		line-height: 35px;
		border-radius: 17px;
	}