Apply css on required input field

Asked Mar 24 '14 at 18:13

Active Mar 24 '14 at 18:13

Viewed 53 times

I want to do styling on the default required oninvalid="this.setCustomValidity('Please enter Drug Name')" shown below.

<code>Default</code>

to something like this.

<code>Sample</code>

Is it possible to do that? Any help would be nice

css for the sample picture:

width: 100%;
background: #1A1A1D;
position: relative;
color: #fff;
min-width: 120px;
font-size: 11px;
border: 1px solid #000000;
padding: 4px 10px 4px 10px;
text-shadow: 0px 1px 0px #111;

asked Mar 24 '14 at 18:13

user3400389

would you be able to set up a jsfiddle for this? – Irvin Zhan Mar 24 '14 at 18:15
okay i try to make one. will take some time – user3400389 Mar 24 '14 at 18:17
Irvin Zhan: for the first part. http://jsfiddle.net/e9hbp/ – user3400389 Mar 24 '14 at 18:21
1

See http://stackoverflow.com/questions/5713405/how-do-you-style-the-html5-form-validation-messages/5965505#5965505 which indicates that Chrome no longer allows styling form bubbles any more. – Jason Aller Mar 24 '14 at 18:27

Apply css on required input field

0 Answers0