如何在输入中使用游标CSS？ （闪烁的行）

Question

如何更改输入中闪烁的行光标的CSS？

我知道用光标更改鼠标指针是可行的：pointer / text / ...，但这不是我的意思。

Answer 1

似乎您想在文本框中设置光标指针的样式。为此，您只需执行以下操作即可：

HTML

<input type='text'/>

CSS

input,
textarea { // Style for your cursor
    font-size: 14px;
    padding: 2px;
    color: blue;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { // Style for your placeholder 
    color: #ccc;
    text-shadow: none;
    -webkit-text-fill-color: initial;
}