关于css:CSS改变input光标颜色

在应用 input 输入框时,咱们可能会遇到须要给其设置光标色彩的状况。谷歌浏览器的默认光标色彩是彩色的,GitHub 上的光标却是红色,那么这个用 CSS 怎么扭转呢?
  下面形容的情景有两种实现形式:

1.应用color来实现

光标的色彩是继承自以后输入框字体的色彩,所以用 color 属性即可扭转:

input{
    color:red;
}

2.应用caret-color来实现

上一种形式曾经批改了光标的色彩然而字体的色彩也扭转了,如果只想扭转光标的色彩而不扭转字体的色彩那就应用 caret-color 属性:

input{
    caret-color:red;
}

好了,通过下面的形式咱们就能够批改 input 输入框光标色彩了~~~

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理