button 字体颜色无法改变

<button class="btn" type="capsule" value="返回首页" onclick="fanhuishouye"></button>
.btn{background-color: #69b81b;margin: 0 10px;color: #222222;}
  • 1.
  • 2.
鸿蒙
button
字体颜色
2022-06-06 16:29:51
941浏览
收藏 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:这里写颜色'
	}
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
分享
微博
QQ
微信
回复
2022-06-07 12:05:44


相关问题
如果改变 SubTabBarStyle 的字体颜色
1326浏览 • 1回复 待解决
HarmonyOS 图片颜色改变API
605浏览 • 1回复 待解决
HarmonyOS svg改变描边颜色
662浏览 • 1回复 待解决
HarmonyOS 如何改变图标icon颜色
660浏览 • 1回复 待解决
HarmonyOS TabContent怎么设置字体颜色
697浏览 • 1回复 待解决
HarmonyOS 能否支持纯色图片改变颜色
826浏览 • 1回复 待解决
HarmonyOS 如何设置状态字体颜色
670浏览 • 1回复 待解决
哪个属性可以改变Text组件字体的粗细
2397浏览 • 1回复 待解决
在XComponent组件中如何改变背景颜色
1034浏览 • 1回复 待解决
鸿蒙怎么 修改状态栏字体颜色
13476浏览 • 1回复 待解决
HarmonyOS Button 无法添加margin left right
1188浏览 • 1回复 待解决