button 字体颜色无法改变

<button class="btn" type="capsule" value="返回首页" onclick="fanhuishouye"></button>
.btn{background-color: #69b81b;margin: 0 10px;color: #222222;}
鸿蒙
button
字体颜色
2022-06-06 16:29:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
darad
2

可以参考以下代码,去动态改变按钮的文本颜色。

<!--xxx.hml-->
<div>
	<button type='capsule' onclick='changeColor' style='{{style}}'>文本</button>
</div>

//xxx.js
export default {
	data:{
		style:'text_color:这里写颜色'
	}
	changeColor{
		this.style = 'text_color:这里写颜色'
	}
}
分享
微博
QQ
微信
回复
2022-06-07 12:05:44
相关问题
如果改变 SubTabBarStyle 的字体颜色
1925浏览 • 1回复 待解决
HarmonyOS 图片颜色改变API
803浏览 • 1回复 待解决
HarmonyOS 如何改变图标icon颜色
970浏览 • 1回复 待解决
HarmonyOS svg改变描边颜色
904浏览 • 1回复 待解决
HarmonyOS TabContent怎么设置字体颜色
1021浏览 • 1回复 待解决
HarmonyOS 能否支持纯色图片改变颜色
1306浏览 • 1回复 待解决
HarmonyOS 如何设置状态字体颜色
1402浏览 • 1回复 待解决
哪个属性可以改变Text组件字体的粗细
2646浏览 • 1回复 待解决
在XComponent组件中如何改变背景颜色
1238浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
13796浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
1397浏览 • 1回复 待解决
HarmonyOS 通过webview改变H5页面字体
1383浏览 • 1回复 待解决