html - 样式文字输入符号

我想设置焦点<input type='text'/>的插入符号的样式。具体来说，颜色和厚度。

最佳答案

如果您使用的是Webkit浏览器，则可以通过遵循下一个CSS代码段来更改插入符号的颜色。我不确定是否可以使用CSS更改格式。

input,
textarea {
    font-size: 24px;
    padding: 10px;

    color: red;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}

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

这是一个示例：http://jsfiddle.net/8k1k0awb/

关于html - 样式文字输入符号，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33074549/