0

css で Jquery 検証メッセージをカスタマイズするにはどうすればよいですか

これから ここに画像の説明を入力

これに： ここに画像の説明を入力

上記のスタイリングを作成するのを手伝ってくれる人はいますか?

私は試した label.error { float: none; padding-left: .5em; vertical-align: top; background-color: #333; font-size: 10px; border: 1px solid #999; color: #FFF; display: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; white-space: nowrap; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 5px; font-family: Arial, Helvetica, sans-serif; -moz-opacity: .90; filter: alpha(opacity = 90); opacity: .90; margin-left: 5px; margin-top: -2px; }

しかし、私はそれを正しく整列させることができませんでしたここに画像の説明を入力

ありがとう

4

2 に答える 2

1

このようなもの：

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;
}
于 2012-07-16T16:10:52.287 に答える
0

このようにデフォルトのエラーメッセージをカスタマイズするのは難しいと思います。

これに対してカスタム検証を行うことができます。つまり、デフォルトのエラー メッセージを表示する代わりに、メッセージ ポップアップを表示できます。したがって、エラーの種類に応じて、対応するポップアップを表示できます。

同様のことがこのhttp://www.underdog.co.uk/で見られます

于 2012-07-17T09:47:28.257 に答える