如何在材料ui卡中更改悬停时的文本颜色？我想在卡片悬停时更改文本颜色，而不是在文本上悬停？

在材料UI卡片中更改悬停时的文本颜色可以通过CSS样式来实现。以下是一种实现方式：

<div class="card">
  <div class="card-text">这是卡片中的文本</div>
</div>

.card-text:hover {
  color: red; /* 更改为你想要的文本颜色 */
}

内联样式示例：

<div class="card">
  <div class="card-text" style="color: red;">这是卡片中的文本</div>
</div>

内部样式表示例：

<style>
.card-text:hover {
  color: red; /* 更改为你想要的文本颜色 */
}
</style>

<div class="card">
  <div class="card-text">这是卡片中的文本</div>
</div>

外部样式表示例：

在你的CSS文件中添加以下代码：

.card-text:hover {
  color: red; /* 更改为你想要的文本颜色 */
}

在HTML文件中引入该CSS文件：

<link rel="stylesheet" href="styles.css">

<div class="card">
  <div class="card-text">这是卡片中的文本</div>
</div>

这样，在卡片悬停时，文本的颜色将会更改为你指定的颜色。请注意，上述示例中的颜色为红色，你可以根据需要自行更改。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云