效果图:
css部分
.tel_input.change::-webkit-input-placeholder {
color: #499FF0;
}
.tel_input.change::-moz-placeholder {
color: #499FF0;
}
.tel_input.change::-ms-input-placeholder {
color: #499FF0;
}
js部分
for (var i = 0; i < oInput.length; i++) {
oInput[i].onfocus = function () {
this.parentElement.style.borderBottom = "4px solid #499FF0"
this.setAttribute('class', 'tel_input change')
}
oInput[i].onblur = function () {
this.parentElement.style.borderBottom = "1px solid #499FF0"
this.setAttribute('class', 'tel_input')
}
}