随着SP for SAP_UI（SP 10）的发布，现在可以为单个WebDynpro ABAP UI元素实现CSS样式，这使得我们可以灵活地定制自己的UI，使用自定义背景颜色、字体颜色、字体大小等，而不必使用HTML孤岛。

1.定义自定义样式属性（bg color、font size、font size）颜色）对于作为名称-值对的UI，在定义的类型if\u wd\u custom\u style=>t\u style\u properties.

2.创建自定义样式，指定样式类名、属性（在步骤1中定义）、UI元素（适用于此的UI类型），企业管理软件下载，依此类推到接口方法IF\u WD\u CUSTOM\u STYLE\u MANAGER~ CREATE\u CUSTOM\u STYLE

3.现在将创建的自定义样式添加到IF\u WD\u CUSTOM\u STYLE\u MANAGER的实例中，这样样式表在整个组件中都可用。

4.指定样式表名称，在UI属性styleClassName中（在Vew设计器->UI属性中）。

1。创建一个新的Webdynpro组件，如下所示。在组件控制器的方法选项卡中，在wdoint中添加以下代码。

3。不，转到视图的布局选项卡，创建带有按钮和文本视图的透明容器，大数据系统，复制透明容器并将其作为复制的内容插入。这里的目的是用CSS显示普通UI和修改UI之间的差异。一旦创建，应如下所示。

4。在复制的透明容器中，向按钮和文本视图的styleClassName属性添加如下属性（该属性是我们在wdoint方法中定义的属性）。

5。现在创建应用程序并运行它，人工智能书，以查看更改。

检查WDR\U TEST\U CUSTOM\U STYLES组件以了解更多示例和此

的用法参考：

有用文件。保存太棒了。

谢谢

谢谢

谢谢

哇，很高兴终于看到SAP将更多的web技术应用到WebDynpro中。肯定会使用CSS支持。

DOM事件怎么样，云服务器怎么样，我们现在可以在字段上使用onChange事件吗？例如，当用户输入员工id时填充员工姓名？真的很需要onChange支持，很难告诉我的客户WebDynpro仍然不支持它。

谢谢。

对于这个特殊的要求，你可以用WDDOMODIFYVIEW钩子方法编码来实现它

它不会触发事件，所以你不能在钩子中编码任何东西

是的，这个确实需要，不知道为什么它还没有出现在WDA中

谢谢你的这篇帮助性的完整博客文章。

还有一些问题：

关于如何将它应用于表格单元格有什么想法吗？是否可以通过RGB编码使用更多的颜色，而不是通过cl\ U wd\ U table\ U column=>e\ U cell\ U design使用默认颜色？当我使用name='backgroundColor'value='black'时，只有文本的背景变黑，而不是整个单元格。

或者在哪里可以找到属性来调整标题的颜色？尝试使用以下代码（并将标题的styleClassName属性调整为"myCaption"），但这并没有起作用：

最好，Sander

不错

Hi Harsha

FPM能做同样的事情吗？

是的。检查此链接。

**团队FPM**-FPM中的实例样式

，大数据啥意思