在reactjs和material ui中仅在单词的一半下划线？
这就是我正在尝试重新创建的 
这是我迄今为止所管理的内容
我正在使用materialui和reactjs。这是代码。
bodyTitle: {
fontWeight: 800,
paddingTop: theme.spacing(5),
paddingBottom: theme.spacing(3),
color: "white",
display: "inline-flex",
flexGrow: 1,
width: "75%",
textDecoration: "underline",
textDecorationColor: "blue",
},
<Typography variant="h4" className={classes.bodyTitle}>
Upcoming
</Typography>
如何只在半个单词下划线？
This is what i am trying to recreate
This is what i have managed so far
I am using materialui and reactjs.This is the code.
bodyTitle: {
fontWeight: 800,
paddingTop: theme.spacing(5),
paddingBottom: theme.spacing(3),
color: "white",
display: "inline-flex",
flexGrow: 1,
width: "75%",
textDecoration: "underline",
textDecorationColor: "blue",
},
<Typography variant="h4" className={classes.bodyTitle}>
Upcoming
</Typography>
How do Underline only half the word?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以尝试以下方法
.Classname{
textDecoration: "下划线",
文字装饰颜色：“蓝色”
}
You can try below method
.Classname{
textDecoration: "underline",
textDecorationColor: "blue"
}