I have a web application that I am attempting to add inline validation. When the textbox loses the focus, I need an (green checkmark) image to display in the right corner of the textbox if the entry is valid and a red stop sign image to display if it is
not valid. The background color is working. When the textbox haas the focus it is displayed in a light green color, I just cant seemto get the image to display within the textbox. Is this possible? Thanks
Here is my CSS
/* Validation */
input:focus, select:focus, textarea:focus {
background-color: rgb(220, 255, 220);
}
input:focus:valid {
background: rgb(220, 255, 220) url(go.png) bottom right no-repeat;
-o-background-size:contain;
-moz-background-size: contain;
-webkit-background-size: contain;
background-size: contain;
}
input:focus:invalid {
background: rgb(255,232,233) url(stop.png) bottom right ...
Go to the complete details ...