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

53次阅读

共计 300 个字符,预计需要花费 1 分钟才能阅读完成。

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

1. 应用 color 来实现

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

input{color:red;}

2. 应用 caret-color 来实现

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

input{caret-color:red;}

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

正文完
 0