怎么点击输入框后，让输入框变色

1、首先我们要输入一个input 类型用默认的就是文本域了

<input />

2、然后我们给他添加一个class

<input class="bk" />

3、对class设置一个样式 bk，为默认的边框颜色

然后再设置一个bk1的样式，为鼠标经过的边框颜色

.bk{border:1px solid #ccc;}

.bk1{border:1px solid #15bcaa;}

4、返回input 输入 onmouseout="this.className='bk'" onmousemove="this.className='bk1'"

<input class="bk" onmouseout="this.className='bk'" onmousemove="this.className='bk1'" />

即可实现鼠标经过或者输入的时候边框的颜色进行不同的CSS设置