Bootbox変更タイトルcss

Question

私のプロジェクトでは、別のポップアップを使いたいと思っています。そこで私は新しい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 
     } 
    } 

Answer 1

Bootbox.js documentationを読んでから、本来のタイトルスタイリング方法が存在していないようです。

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

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

---

2が生成操作する：これは

---

1にインラインスタイル/クラスを追加...二つのオプションであなたを残します要素を手動で

ページ上のBootboxダイアログを右クリックして、要素の検査に行きます。ここから、生成されたコンテンツ（クラスや要素を含む）が表示されます。ここから基本的なCSSルールを使用してスタイルを設定できます。例えば

、HTMLはこのように見えたポップアップが...

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

あなたはそれが何か使用してスタイルができれば：私は、ブラウザでページを開くことをお勧めしたい

h4.popup-title { 
    color: red; 
}