エラーメッセージCssスタイル（Parsley）を変更するには

これはスピンオフのように思えるかもしれませんが、元の質問は答えを得られませんでした。だから私は私の検証、途方もない検証のためにparsleyjsを使用していますが、私はエラーがデフォルトで表示される方法が好きではありません。エラーメッセージCssスタイル（Parsley）を変更するには

通常、カップルでulタグを作成し、エラーメッセージをそれらに渡しますが、これは問題ありませんが、このli tagesをスタイルできないという問題があります。私はすべてを試しました。リストは次のようになります。

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

私は私のcss IVEは、この要素のスタイルを.parsley-エラーおよび他の多くの創造的な方法を試してみましたが、どれも機能しませんよ。私は、これらの要素がロード時にdomに追加されていることも原因と考えられます。誰かがこれに前に取り組んでいるなら、私は助けに感謝します。事前のおかげで...

リンク先やコードサンプルを提供できる場合は、CSSをどのように追加するかによって異なります。 – Okba

基本的に私のスタイリングは別のCSSファイルに加えて、スクリプトをスタイルシートの最後に移動します。とにかく問題ではありません。 –

ここにエラーメッセージの色を変更する方法の例があります。http://jsfiddle.net/kcv4jzch/ – Okba

あなたは関係なく、それらがページに追加しているときの、セレクタの任意の数とそれらのli Sをターゲットすることができるはず -

.parsley-errors-list li

.parsley-required

.parsley-errors-list .parsley-required

それらのどれも動作しない場合は、おそらく特定の問題です。ブラウザの開発ツールでレンダリングされたスタイルを調べると、ここで役立ちます。

2016-10-19 17:49:49 jack

ありがとう、ちょうどcssでバイリンガルはもう少しコントロールします。今回はそれを得た –

私はparsleyがこの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; 
}

参照先のURLを確認してください。これがあなたに役立つことを願っています。 http://codepen.io/anon/pen/ZpmKZZ?editors=0100

2016-10-19 18:30:50

答えて