Rumah > hujung hadapan web > tutorial css > 如何利用css改变input光标颜色

如何利用css改变input光标颜色

王林
Lepaskan: 2020-10-22 18:23:16
ke hadapan
2555 orang telah melayarinya

如何利用css改变input光标颜色

具体方法如下:

(推荐教程:css视频教程

1、使用color来实现

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

input{
    color:red;
}
Salin selepas log masuk

2、使用caret-color来实现

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

input{
    caret-color:red;
}
Salin selepas log masuk

相关推荐:CSS教程

Atas ialah kandungan terperinci 如何利用css改变input光标颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan