Is it possible to achieve this using CSS3 alone?
var inputs = document.getElementsByTagName("INPUT");
for (var i = 0; i < inputs.length; i++)
{
if (inputs[i].type == "text")
{
if (inputs[i].value != "")
{
inputs[i].style.borderBottomColor = '#448aff';
}
}
}
var textareas = document.getElementsByTagName("TEXTAREA");
for (var i = 0; i < textareas.length; i++)
{
if (textareas[i].value != "")
{
textareas[i].style.borderBottomColor = '#448aff';
}
}
I am open to not supporting even IE10.