Как изменить сообщение об ошибке Css-стиль (Петрушка)

Это может показаться, что это круто, но исходный вопрос так и не получил ответа, и я надеюсь, что я никогда не потеряю очки для этого. Таким образом, я использую parsleyjs для моей проверки, замечательную проверку, кстати, но мне не нравится, как ошибки отображаются по умолчанию.Как изменить сообщение об ошибке Css-стиль (Петрушка)

Обычно он создает тэг ul с паролем li и передает сообщение об ошибке в них, это прекрасно, но проблема в том, что я не могу настроить эти лиги. Я все пробовал. Список выглядит следующим образом.

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

я мой CSS Ive пытался .parsley ошибок и многие другие творческие способы стиль этого элемента, но ни один не работает. Я думаю, это также может быть связано с тем, что эти элементы добавляются в dom после загрузки. Если кто-то справился с этим раньше, я был бы рад помочь. Заранее спасибо ...

источник

2016-10-19 Mueyiwa Moses Ikomi

Это зависит от того, как и где вы добавляете css, было бы полезно, если бы вы могли предоставить ссылки или образцы кода. – Okba

В основном мой стиль находится в отдельном файле css, и я перемещаю скрипт в конец таблицы стилей. не то, что это имеет значение, так или иначе –

вот пример того, как вы можете изменить цвет сообщения об ошибке, http://jsfiddle.net/kcv4jzch/ – Okba

Вы должны быть в состоянии предназначаться эти li с с любым количеством селекторов, независимо от того, когда они добавляются на страницу -

.parsley-errors-list li

.parsley-required

.parsley-errors-list .parsley-required

, чтобы назвать несколько. Если ни одна из них не работает, это, вероятно, проблема специфичности - проверка визуализированных стилей в инструментах разработчика вашего браузера может помочь вам здесь.

источник

2016-10-19 17:49:49 jack

Спасибо, только что пришлось скрипка с css контролирует еще немного. на этот раз –

Как я проверял петрушку, давая эту структуру 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

Как изменить сообщение об ошибке Css-стиль (Петрушка)

ответ

Смежные вопросы