在应用 input 输入框时,咱们可能会遇到须要给其设置光标色彩的状况。谷歌浏览器的默认光标色彩是彩色的,GitHub 上的光标却是红色,那么这个用 CSS 怎么扭转呢?
下面形容的情景有两种实现形式:
1.应用color来实现
光标的色彩是继承自以后输入框字体的色彩,所以用 color 属性即可扭转:
input{
color:red;
}
2.应用caret-color来实现
上一种形式曾经批改了光标的色彩然而字体的色彩也扭转了,如果只想扭转光标的色彩而不扭转字体的色彩那就应用 caret-color 属性:
input{
caret-color:red;
}
好了,通过下面的形式咱们就能够批改 input 输入框光标色彩了~~~
发表回复