6

この記事を使用して、HTML5 フォーム検証ポップアップの一部のスタイルを変更しています。ただし、エラー ポップアップには、追加した新しい赤い X に加えて、エラーにデフォルトのオレンジ色の感嘆符がまだあります。オレンジ色の感嘆符を取り除くにはどうすればよいですか (下の画像を参照)。これまでのところ、Chrome でのみテストしています。

サンプル エラー メッセージ

その記事で使用している CSS は次のとおりです。

::-webkit-validation-bubble-message 
{
    color: #eee;
    background: #000;
    border-color: #444;
    -webkit-box-shadow: 4px 4px 4px rgba(100,100,100,0.5);
}

::-webkit-validation-bubble-message:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/myPath/myImage.png)
}

::-webkit-validation-bubble-arrow {
    background: #000;
    border-color: #444;
    -webkit-box-shadow: 0 0 0 0;
}
4

1 に答える 1

11

試す：

input::-webkit-validation-bubble-icon {
display: none;
}

または、もちろん:

input::-webkit-validation-bubble-icon {
background: url(http://google.com/favicon.ico);
}

Jsfiddle はこちら: http://jsfiddle.net/xhqhV/

于 2012-08-01T23:22:59.490 に答える