Bootbox更改標題css

對於我的項目，我需要不同用途的不同彈出窗口。所以我創建了一個新的CSS類。現在我想改變標題組件的樣式（如下所示），就像我改變按鈕一樣。Bootbox更改標題css

所以我的問題是：我可以改變標題的CSS，就像我改變按鈕的CSS一樣嗎？與className屬性。另外，我應該怎麼做？

bootbox.dialog({ 
    message: "<h4>" + errorMessage + "<h4>", 
    title: $filter("translate")("Warning"), 
    buttons: { 
     no: { 
      label: $filter("translate")("Cancel"), 
      className: "c-btn-declined-selection c-btn-global-warning", 
      callback: noCallback 
     }, 
     yes: { 
      label: $filter("translate")("Confirm"), 
      className: "c-btn-confirm-selection c-btn-global-warning", 
      callback: yesCallback 
     } 
    }

來源

2017-04-19 Proliges

我建議在瀏覽器中打開頁面。當框出現時，右鍵單擊它，執行一個檢查元素，並查看生成了哪些類/項目。您可以使用基本的CSS來設置樣式，而不是通過JavaScript來完成。 – Santi

你說的對。但我使用bootbox來達到不同的目的。所以我寧願爲它創建一個自定義樣式。這是可能的按鈕，所以我想知道是否有可能爲同樣的方式標題。 – Proliges

雖然我對bootbox不太熟悉，但對其文檔的快速檢查表明，唯一的選項是「按鈕」，而其他大多數（包括'title'）都是'字符串。 – Santi

從閱讀Bootbox.js documentation，似乎固有的標題樣式方法不存在。這使你有兩個選項...

1.添加樣式/類在線：

bootbox.dialog({ 
    //... 
    title: "<span style='color: red;'>This title is red</span>", 
    //... 
})

bootbox.dialog({ 
    //... 
    title: "<span class="redText">This title is red</span>", 
    //... 
})

2.操作產生元素手動

右鍵單擊頁面上的Bootbox對話框並轉至檢查元素。從這裏你可以看到生成的內容，包括類和元素，從中你可以使用一些基本的CSS規則來設置它們。

例如，如果彈出HTML這個樣子......

<div class='bootbox-popup'> 
    <h4 class='popup-title'></h4> 
    <div class='popup-body'> ... </div> 
</div>

你可以使用類似的東西風格：

h4.popup-title { 
    color: red; 
}

來源

2017-04-19 13:26:24 Santi

有一個'className'選項被應用到整個對話框（[示例]（http://bootboxjs.com/examples.html#also-applies- to-confirm-prompt-custom％0A％0Acustom-css-class）），並且可以使用後代選擇器對標題進行樣式設置。 –

Bootbox更改標題css

回答

相關問題