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

Popular posts from this blog

javascript - oscilloscope of speaker input stops rendering after a few seconds -

javascript - gulp-nodemon - nodejs restart after file change - Error: listen EADDRINUSE events.js:85 -

Fatal Python error: Py_Initialize: unable to load the file system codec. ImportError: No module named 'encodings' -