提问人：beli3ver 提问时间：1/11/2019 更新时间：4/30/2021 访问量：6880
布尔玛卡内容变色
Bulma card content change color
问：
我遇到了一个小问题。 我想更改卡片内容的背景。但没有任何效果。 我有这个代码部分：
<div class="card" style="width: 75%!important;">
....
<div class="card-content">
<div class="content">
....
</div>
</div>
</div>
CSS的
.card .content {
background: rgba(255, 255, 255, 0.5)!important;
}
答：
3赞
Tim
1/11/2019
#1
如果您在 bulma 项目中使用 sass，您可以更改变量和 .https://bulma.io/documentation/components/card/$card-color$card-background-color
或
您可以向类添加新样式并设置属性。cardbackground-color
.card {
background-color: green;
}
2赞
Ryan
4/30/2021
#2
或者，您可以使用预定义的背景颜色类，例如has-background-light
https://bulma.io/documentation/helpers/color-helpers/#background-color
<div class="card has-background-light" style="width: 75%!important;">
....
<div class="card-content">
<div class="content">
....
</div>
</div>
</div>
评论