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

Question

在parsley.js documentation page上，如果输入未通过验证，那么优雅演示会添加红色边框和框阴影。我该如何实现同样的功能？我查看了应用于“全名”输入的焦点状态的css，发现添加了一个bootstrap类，但我无法弄清楚如何。

请帮忙。

Answer 1

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

input.parsley-error
    {
      color: #B94A48 !important;
      background-color: #F2DEDE !important;
      border: 1px solid #EED3D7 !important;
    }