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

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

原创最新推荐文章于 2024-10-31 19:47:49 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

uni-app 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个关于uni-app中button颜色属性在手机端不生效的问题，并提供了解决方案。通过直接在button标签内使用style属性指定颜色和背景色，可以确保样式正确应用于移动端。

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;
	}