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

 时间: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设置

  • 如何让span居中
  • HTML怎么实现网页跳转
  • html中按钮的字体颜色怎么设置?
  • 怎样设置文字右对齐 css
  • HTML教程 实现下拉列表框
  • 热门搜索
    春节手抄报内容 三年级手抄报 手抄报边框 清明手抄报 阅读手抄报 读书手抄报简单又漂亮 春天手抄报 清明节手抄报好看简单 疫情手抄报 端午节手抄报图片