多语言展示
当前在线:958今日阅读:91今日分享:37

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

看到别人漂亮的登录框,文本输入框,鼠标经过的时候都会高亮显示,是不是很高大上很漂亮?下面就教你怎么实现它
方法/步骤
1

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

2

然后我们给他添加一个class

3

对class设置一个样式 bk,为默认的边框颜色然后再设置一个bk1的样式,为鼠标经过的边框颜色.bk{border:1px solid #ccc;}.bk1{border:1px solid #15bcaa;}

4

返回input 输入 onmouseout='this.className='bk'' onmousemove='this.className='bk1''即可实现鼠标经过或者输入的时候边框的颜色进行不同的CSS设置

推荐信息