2016-10-19 56 views
1

這看起來像是一個分離,但原來的問題從來沒有得到答案,我希望我永遠不會鬆動這一點。所以我使用parsleyjs進行驗證,但是我不喜歡錯誤顯示的方式。如何更改錯誤消息Css樣式(歐芹)

通常會創建一個與一對夫婦李時珍和傳遞錯誤信息到他們的UL標籤,這是好的,但問題是,我不能這個樣式裏每日新聞。我已經嘗試了一切。清單看起來像這樣。

<ul class="parsley-errors-list filled" id="parsley-id-5"> 
    <li class="parsley-required">Please choose a username</li> 
</ul> 

我是我的CSS ive嘗試.parsley錯誤和許多其他創造性的方式來設計這個元素,但沒有作品。我認爲這也可能是由於這些元素在加載後被添加到dom的事實。如果有人已經解決了這個問題,我很感激幫助。在此先感謝...

+0

這取決於您在哪裏如何增加你的CSS,這將是有益的,如果你能提供鏈接或代碼示例。 – Okba

+0

基本上我的樣式是在一個單獨的CSS文件中加上我將腳本移動到樣式表的末尾。不就是在這裏反正重要的是 –

+0

你如何通過改變錯誤信息的顏色,http://jsfiddle.net/kcv4jzch/ – Okba

回答

1

你應該能夠與任意數量的選擇的針對那些li S,無論何時他們添加到頁面的 -

.parsley-errors-list li

.parsley-required

.parsley-errors-list .parsley-required

僅舉幾例。如果沒有這些工作,這可能是一個特定問題 - 檢查瀏覽器的開發工具中的渲染樣式可能會幫助你在這裏。

+0

謝謝,只是要擺弄一些css控件。這次做對了 –

0

當我檢查香菜給這個html結構的錯誤消息。

<ul class="parsley-errors-list filled" id="parsley-id-5"> 
    <li class="parsley-required">This value is required.</li> 
</ul> 

我將此css代碼應用於錯誤消息。

.parsley-errors-list li.parsley-required { 
    background: green; 
    padding: 10px; 
    color: #fff; 
} 

檢查引用的網址。我希望這能幫到您。 http://codepen.io/anon/pen/ZpmKZZ?editors=0100