自定义Jquery验证消息css

如何在css中自定义Jquery验证消息

由此

为此：

有人能帮我制作上述款式吗

我尝试了

label.error{
浮动：无；
左侧填充：.5em；
垂直对齐：顶部；
背景色：#333；
字体大小：10px；
边框：1px实心#999；
颜色：#FFF；
显示：无；
-moz边界半径：4px；
-webkit边界半径：4px；
-moz边框半径左下角：0；
-左上角的moz边界半径：0；
-webkit边框左下半径：0；
-webkit边框左上半径：0；
-moz盒阴影：0 0 6px#ddd；
-网络工具包盒阴影：0 0 6px#ddd；
空白：nowrap；
垫顶：2件；
右边填充：10px；
垫底：2件；
左侧填充：5px；
字体系列：Arial、Helvetica、无衬线字体；
-moz不透明度：.90；
过滤器：α（不透明度=90）；
不透明度：.90；
左边距：5px；
页边顶部：-2px；
}

但我无法正确对齐它

谢谢诸如此类的东西：

box {
    padding: 5px;
    background: black;
    color: white;
    border: 1px solid gray;
}
box:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 0px;
    border-top: 10px solid black;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

---

我认为很难像那样定制默认错误消息

您最好对此进行自定义验证。ie，而不是显示默认的错误消息，您可以显示一个消息弹出窗口。因此，根据错误类型，您可以显示相应的弹出窗口

---

类似的事情也可以在这里看到

到目前为止你尝试了什么？。。。这是你自己做的还是你正在使用的插件？我正在使用，我试过float:none；左侧填充：.5em；垂直对齐：顶部；背景色：#333；字体大小：10px；边框：1px实心#999；颜色：#FFF；显示：无；-莫兹边界半径：4px；-网络工具包边界半径：4px；-moz边框半径左下角：0；-moz边框半径左上角：0-webkit边框左下半径：0；-webkit边框左上半径：0；-moz盒阴影：0 0 6px#ddd；-网络工具包盒阴影：0 0 6px#ddd；空白：nowrap；垫顶：2件；右边填充：10px；垫底：2件；左侧填充：5px；字体系列：Arial、Helvetica、无衬线字体；-moz不透明度：.90；过滤器：α（不透明度=90）；不透明度：.90；左边距：5px；页边顶部：-2px；但我无法正确对齐它