疑難排解 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 元素與小器具內容進行比對。將 custom-css-class-name 取代為小器具的自訂 CSS 類別名稱,來以「選單」小器具為目標。overflow: hidden 內容會強制瀏覽器隱藏顯示在容器中的任何捲軸。
這是否有幫助?