鼠标点击<input>输入框后边框发生颜色变化

简介: 鼠标点击<input>输入框后边框发生颜色变化

鼠标点击<input>输入框后颜色发生改变

CSS:

* {
        margin: 0;
        padding: 0;
      }
      input {
        /* 未点击输入前,切换下一个输入框后返回最初颜色*/
        border: 1px solid #00000;
        /* 点击输入后 */
        outline-color: #0cbafb;
      }
相关文章
|
4天前
|
前端开发
复选框样式修改(复选框变为圆形)
复选框样式修改(复选框变为圆形)
|
4天前
|
JavaScript
vue中轻松搞掂鼠标气泡框提示框tip跟随
vue中轻松搞掂鼠标气泡框提示框tip跟随
|
6月前
|
小程序 JavaScript
小程序鼠标点击按钮(改变背景颜色字体)
小程序鼠标点击按钮(改变背景颜色字体)
73 0
|
4天前
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
|
6月前
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
|
6月前
鼠标悬浮显示文字的简单方法
鼠标悬浮显示文字的简单方法
|
6月前
设置按钮背景为透明去掉button按钮左右两边的留白
设置按钮背景为透明去掉button按钮左右两边的留白
|
8月前
|
前端开发
css只改变input输入框光标颜色不改变文字颜色实现方法
css只改变input输入框光标颜色不改变文字颜色实现方法
|
前端开发 JavaScript 计算机视觉
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
951 0
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
|
Android开发 UED
完美解决android软键盘挡住输入框方法,还不顶标题栏
完美解决android软键盘挡住输入框方法,还不顶标题栏
1165 0
完美解决android软键盘挡住输入框方法,还不顶标题栏