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 的字体颜色
450浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
10849浏览 • 1回复 待解决
Tab组件的Tabbar中字体颜色如何修改
447浏览 • 1回复 待解决
Button组件如何设置渐变背景色
1177浏览 • 1回复 待解决
动态加载网络字体文件
300浏览 • 1回复 待解决
Button等控件设置点击效果
357浏览 • 1回复 待解决
使用zIndex来改变图片层级思路
286浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
1031浏览 • 1回复 待解决
字体库文件如何复用?
2445浏览 • 1回复 待解决