从 Intraweb 区域中删除所有内联样式答案

【问题标题】：Remove all inline styles from Intraweb region从 Intraweb 区域中删除所有内联样式
【发布时间】：2013-03-20 10:35:14
【问题描述】：

我在用于常见界面元素的祖先 IW 表单上有一个 IWRegion（它有自己的 HTMLTemplate）。

当我查看 html 输出（使用 Chrome 的 Inspect 元素）时，IWRegion 生成的 div 具有内联样式，但与 IWForm 不同，没有属性（StyleRenderOptions.RenderSize 等）来禁用它们，有什么办法吗禁用这些内联样式？

【问题讨论】：

标签： css delphi intraweb

【解决方案1】：

在 TIWAppForm 上有属性 StyleSheet。将您的样式 css 链接到属性。

我将一个 IWRegion 命名为 regTopTitle 并在我设置的 css 表中：

.REGTOPTITLECSS{
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #808080;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  border-bottom-color: #808080;
  background-color: #FFFFFF;
}

您可以制作自己的 CSS 当我运行页面时，我得到了我想要的 css 区域。我使用 Intraweb 10.0.23 进行此操作

【讨论】：

它似乎不起作用，因为它似乎需要我的 css 文件到 Files 目录的根目录，而且，您只能在表单的样式表中指定 1 个 css 文件。我的祖先表单上有 3 个区域，使用表单的 HTML 模板中指定的 css 文件，这些样式工作正常，除了我在 HTML 模板中（直接）指定一个区域，而不是特定的标签或链接。

【解决方案2】：

我使用 JQuery 来修改 html 页面。添加类：

$('#REGTOPTITLE').addClass('myClass');

或者：

$('#REGTOPTITLE').attr('class','myClass');

如果要删除 IntraWeb 现有类，等等。

如果您使用它，您必须将您的 JavaScript 代码写入您的 TEMPLATE html，或者将其写入 IWForm 属性：

YourIWForm.ExtraHeader.Text := '<script type="text/javascript"> .... </script>'

删除内联样式：

<script>
$(document).ready(function() {
    $('#REGTOPTITLE').attr('style','');
});
</script>

检查 HTML 源页面以找到您需要管理的“id”标签。

【讨论】：