如何重置CSS背景渐变？

Question

我正在尝试删除Vaadin面板上标题的渐变背景颜色。

我的自定义主题扩展为Valo，我想要一个平坦的背景（对于CAPTION）和一个白色字体。我尝试过以下但是没有用。

.v-panel-caption {
  background-color: #157FCC;
  color: #FFFFFF;
}

在我的面板上，字体是白色的，但背景仍然是灰色渐变背景。

如何删除该渐变？谢谢！

Answer 1

CSS背景渐变与背景图像的工作方式类似，要重置您需要设置background: none #color;。

示例：

.v-panel-caption {
  background: none #157FCC;
  color: #FFFFFF;
}