故障排除 CSS
如果您的自定义 CSS 实现会导致错误,则可以调查以下故障排除项。
问题
样式属性未被覆盖。
解决方法
小组件核心定义包括 !importantinline 样式,您可能需要从用户界面设置样式,或使用 CSS 中的 !important
此外,验证任何现有 CSS 选择器是否具有更多权重或是否比自定义规则集中的选择器更加具体。
问题
CSS 文件信息库中的 CSS 文件不能应用于混搭。
解决方法
验证 CSS 文件是否位于文件信息库以及文件路径是否正确。
或者
验证 CSS 文件是否包含在运行时 ThingWorx CSS 中。
问题
ThingWorx 无法导入扩展。
解决方法
如果已安装了扩展,但最近进行了更改,则需要更新 metadata.xml 文件中的版本号。
问题
将忽略最近的 CSS 更改。
解决方法
如果 CSS 未合并到 ThingWorx 中的 CSS,请清除浏览器缓存 (在调试模式下:按“刷新”按钮,然后清除缓存)。
如果 CSS 合并到 ThingWorx 中的 CSS,则重新启动服务器并在本地服务器中使用 URL 或链接。
问题
在 FireFox 中,菜单小组件中会显示滚动条。将 display: inline-block 规则应用到包含小组件内容的容器时,会显示该问题。
解决方法
要隐藏滚动条,请将以下 CSS 应用到包含小组件的混搭:
.custom-css-class-name .widget-content {
overflow: hidden;
}
CSS 选择器会将 div 元素与小组件内容进行匹配。将小组件的自定义 CSS 类名称替换为 custom-css-class-name 以确定目标菜单小组件。overflow: hidden 属性将强制浏览器隐藏容器上显示的任何滚动条。
这对您有帮助吗?