Is there a way to override default CSS of HTML5 form validation messages -
i want change background of bubble message - red , text in language , not english. i've set "required" input fields , css valid , invalid , it's working. , how make bubble message appear when hover input field.i tried with:
::-webkit-validation-bubble-message { border: 1px solid #e6c700; background: #ff0000; }
but doesn't change. how change background of bubble messages? css valid , invalid is:
input:focus:invalid, select:focus:invalid { background: #fff url("images/required.png") no-repeat 98% center; box-shadow: 0 0 5px #d45252; border-color: #b03535 } input:required:valid, select:required:valid { background: #fff url("images/valid.png") no-repeat 98% center; box-shadow: 0 0 5px #5cd053; border-color: #28921f; }
::-webkit-validation-bubble-message
will partially work on chrome , safari.
ultimately can not style these @ moment browser/os specific.
you can change messages js that's as can away @ moment.
Comments
Post a Comment