Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/320.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 在Vaadin应用程序中添加自己的HTML元素和自定义CSS_Java_Html_Css_Vaadin - Fatal编程技术网

Java 在Vaadin应用程序中添加自己的HTML元素和自定义CSS

Java 在Vaadin应用程序中添加自己的HTML元素和自定义CSS,java,html,css,vaadin,Java,Html,Css,Vaadin,我正在用Vaadin创建一个web应用程序。我发现可以使用CSS添加自定义布局,或者在现有的vaadin组件中创建自己的主题。是否有可能在Vaadin应用程序中添加自己的html元素和css?如果是,您如何实现?(Java 8,Intellij IDEA)除此之外,通过将标签的内容模式设置为HTML,您可以直接编写HTML和CSS: Label label = new Label("<p style='background: yellow;'>Test</p>"); la

我正在用Vaadin创建一个web应用程序。我发现可以使用CSS添加自定义布局,或者在现有的vaadin组件中创建自己的主题。是否有可能在Vaadin应用程序中添加自己的html元素和css?如果是,您如何实现?(Java 8,Intellij IDEA)

除此之外,通过将标签的内容模式设置为HTML,您可以直接编写HTML和CSS:

Label label = new Label("<p style='background: yellow;'>Test</p>");
label.setContentMode(ContentMode.HTML);
Label-Label=新标签(

Test

); label.setContentMode(ContentMode.HTML);
这取决于您希望实现的目标。但将CSS添加到vaadin只是将其添加到sccs样式中的问题,正如您在自定义布局中提到的html(或通过html呈现模式中的标签),我用纯html和CSS创建了简单的新闻代码,并尝试将其添加到我的应用程序中(主要包含vaadin元素)。因此,您可以考虑自定义布局,如:?如果您在此处在HTML中重新显示用户输入的文本,请确保将其清除,否则您可能会向XSS等打开应用程序。跨站点脚本:(事实上,在标签内书写并不是一个坏主意,但我的css有点复杂,有很多动画,因此需要额外的工作才能将其重写为一个html文件:(编辑忘记了内部css样式-很容易用html+css制作html,如果找不到更好的解决方案,我会尝试短期使用此方法:)Vaadin对CSS有相当广泛的支持: