为什么不应用自定义样式CSS？

Question

在我的Web项目中，我使用Vaadin 7.3.6。

我的自定义css文件在这里：

myproject\src\main\resources\VAADIN\themes\non.print.component.css

在non.print.component.css

@media print {
.noPrint {
    display:none;
  }
}

在我的代码中，我使用以下代码：

import com.vaadin.ui.Button;
Button myButton = new Button("My custom button");
myButton.setStyleName("noPrint");

但这是行不通的。 当我打印当前页面时， myButton 也会打印。

Answer 1

在您不声明或未将其包含在自定义主题中之前，Vaadin UI将不会使用您的css文件。 最好的方法是创建您的自定义主题，然后，您将必须：

• 将主题注释添加到您的UI类-> @Theme（“ mytheme”）
• 创建一个文件夹“ myproject \ src \ main \ resources \ VAADIN \ themes \ mytheme”
• 在其中放置css / scss内容

请通过以下网址检查主题vaadin7的基础知识：https://vaadin.com/docs/v7/framework/themes/themes-css.html

您不想创建主题，两个解决方案：

• 将CSS文件放在src / main / webapp / VAADIN / *目录中，并使用@StyleSheet（“ vaadin：//style.css”）。
• 将css文件放在src / main / resources / com / example / demo /目录中，并使用@StyleSheet（“ style.css”）。 （在官方Vaadin论坛中的Alejandro Duarte积分）

问候 塞巴斯蒂安