css - 从 Intraweb 区域中删除所有内联样式

Question

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

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

Answer 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 Like I want to the region。我用intraweb 10.0.23

Answer 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”标签。