怎样改变input被选中时边框颜色

1.当input获得焦点时

input:focus:{
outline:1px solid #000
}

2.输入合法时

input:valid:{
border:1px solid green
}

3.输入不合法时

input:invalid:{
border:1px solid red

你可能感兴趣的:(前端,javascript,html)