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

时间:2024-10-13 08:21:00

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设置

© 手抄报圈