CSS改变input光标颜色

在使用 input 输入框时，我们可能会遇到需要给其设置光标颜色的情况。谷歌浏览器的默认光标颜色是黑色的，GitHub 上的光标却是白色，那么这个用 CSS 怎么改变呢?
　　上面描述的情景有两种实现方式：

1.使用color来实现

光标的颜色是继承自当前输入框字体的颜色，所以用 color 属性即可改变：

input{color:red;
}

2.使用caret-color来实现

上一种方式已经修改了光标的颜色但是字体的颜色也改变了，如果只想改变光标的颜色而不改变字体的颜色那就使用 caret-color 属性:

input{caret-color:red;
}

好了，通过上面的方式我们就可以修改 input 输入框光标颜色了~~~

CSS改变input光标颜色相关推荐

CSS改变插入光标颜色
CSS改变插入光标颜色常用两种方法: 第一种:caret-color: red; input {color: #333;caret-color: red;} caret-color属性目前Chrome ...
css 改变输入框光标颜色
https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color 转载于:https://www.cnblogs.com/elza-young/ ...
input光标颜色修改
在点击 input 输入框时,想给光标换个颜色,一般谷歌浏览器默认光标颜色是黑色,GitHub默认白色,如何修改? 1.使用color来实现因为光标颜色是继承输入框字体颜色,所以用 color 属性 ...
css改变纯色图片颜色的几种方式
公司最近做个项目,碰上了用状态控制图片的展示,图片区别就在于颜色不同,为了网络性能优化,用css进行着色重复利用方案一 filter: drop-shadow() filter: drop-shad ...
CSS 改变文本选中颜色
改变文字颜色 ::selection { background: #f88; text-shadow: none; color: #000; } ::-moz-selectio ...
css能更换图片颜色的,css改变图片的颜色
js小时分钟控件-- 直接上代码: var str = ""; document.writeln(" 新增了个job https://112.124.41.113/svn ...
用css改变图片背景色颜色
.colorful {display: inline-block;width: 32px; height: 32px;background-color: #f4615c; // 目标颜色.目标颜色.目 ...
html中通过css改变input样式特效(b…
输入框景背景透明: 鼠标划过输入框,输入框背景色变色: style="width: 106; height: 21" οnmοuseοut="this.style.bor ...
css input光标粗细,如何用CSS原生属性caret-color改变input输入框光标颜色
表单对大家来说并不陌生,当然,我也不是来和大家聊怎么做表单或者处理表单的样式网格,因为这些对于大家来说都是小儿科的东西.而是来聊聊怎么改变表单控件中光标的颜色.日常开发中我们可能会有改变input光标 ...

CSS改变input光标颜色

1.使用color来实现

2.使用caret-color来实现

CSS改变input光标颜色相关推荐

最新文章

热门文章