Pnotify通知顏色不對

你好，我試圖改變每個通知的顏色，但我不能從那裏找到。我使用jqueryui作爲樣式。貝婁你可以看到錯誤和成功通知是如何出現在我的屏幕上的！Pnotify通知顏色不對

這是我使用，以建立動態調用pnotify

string script1 = @"var displayIcon = " + displayIcon + @"; 
          $(function(){ 
           new PNotify({ 
            title: '" + messageString + @"', 
            styling: 'jqueryui', 
            width: '400px', 
            opacity: 0.9, 
            type: '" + typeLowercase + @"', 
            icon: displayIcon, 
            hide: false, 
            buttons: { 
             sticker: false 
            }, 
            animation: { 
             effect_in: 'fade', 
             effect_out: 'slide' 
            } 
           }); 
          });";

來源

2016-02-26 apoellitsi

你是什麼顏色呢？文字顏色還是背景顏色？據我所知pnotify，你指定類型是'info'，'notice'或'error'的。如果你想要一個自定義樣式，你可以使用'addclass'選項。 – Yass

你好，你可以看到我使用的造型：「jQueryUI的」，但我不能找到其中的css文件，我需要以更改通知的背景顏色改變。 – apoellitsi

還有就是當你初始化PNotify沒有background-colour選項的腳本代碼。你需要使用addclass選項任何自定義樣式。 ui.pnotify .ui-pnotify-container定義通知的背景顏色。追加額外類的ui.pnotify末（例如ui.pnotify.myclass），並分配一個background-color可以讓你利用myclass在初始化階段。

所以，如果你想分配通知的紅色背景顏色，你會創建一個CSS規則是這樣的：

.ui-pnotify.red .ui-pnotify-container { 
    background-color: red !important; 
}

然後，在初始化階段，可以使用addclass選擇這樣的：

$(function() { 
    new PNotify({ 
    title: '" + messageString + @"', 
    styling: 'jqueryui', 
    width: '400px', 
    opacity: 0.9, 
    type: '" + typeLowercase + @"', 
    icon: displayIcon, 
    hide: false, 
    addclass: 'red', 
    buttons: { 
     sticker: false 
    }, 
    animation: { 
     effect_in: 'fade', 
     effect_out: 'slide' 
    } 
    }); 
});

當您在addclass選項指定自定義類的名字，你並不需要包括ui-pnotify;隨後（在這種情況下red）之類的只是名字。

在下面的小提琴中，我創建了兩個自定義類（red和blue）。改變addclass到red或blue值看自定義背景色：

Fiddle Demo

來源

2016-02-29 20:13:22 Yass

Pnotify通知顏色不對

回答

相關問題