`Color` 属性未应用于 TMS Web Core 网站中的 TWebPanel 组件

Question

我有一个

TWebPanel

组件，它应用了 Color

property set to

clTeal

, but when I run the project then I don't see the 

Color` 属性。

这是设计时的，显示了正确的

Color

：

因此您会期望它可以在运行时运行，因为它在设计时显示良好，但在浏览器中运行时，没有任何

background-color

应用于面板。整个面板是透明的，没有颜色：

Answer 1

这花了我一段时间才弄清楚，但基本上出于某种原因，如果您向组件添加

ElementClassName

，那么它会忽略一堆属性并且根本不应用它们。

因此，因为我将 Bootstrap

rounded

类应用于我的面板，所以它不使用

Color

属性。

---

这看起来不太直观。我假设它只会从这些类中选择 CSS。

举个例子。我添加的类没有应用任何

background-color

。因此，因为它没有应用

background-color

，您会假设它会使用面板上的

Color

属性。

但是没有。它不是这样工作的。一旦您向其添加类名，无论它是否应用了

background-color

CSS，

Color

属性就不再适用于该组件。

---

希望这在 TMS Web Core 的未来版本中得到修复或改进，但与此同时：您必须通过代码手动将 CSS

background-color

属性应用到面板上，而不是简单地设置

Color

属性：

WebPanel1.ElementHandle.style.setProperty('background-color', 'teal');