Parsley.js根据输入更改box-shadow和border-color

Ila*_*ala 4 css forms jquery html5 parsley.js

parsley.js文档页面上,如果输入未通过验证,则优雅演示具有添加红色边框和box-shadow的实现.我该如何实现同样的功能?我查看了应用于"全名"输入的焦点状态的css,发现添加了一个bootstrap类,但我无法弄清楚如何.

请帮忙.

小智 11

只需将以下CSS-Class添加到您的输入中:

input.parsley-error
    {
      color: #B94A48 !important;
      background-color: #F2DEDE !important;
      border: 1px solid #EED3D7 !important;
    }
Run Code Online (Sandbox Code Playgroud)