Question

在我当前的项目中，我尝试设置透明光标。问题是在移动iOS设备上，光标不是透明的。如果您在野生动物园的桌面版本上运行以下代码段，则可以正常运行。如果您在移动浏览器中打开它，则光标（插入符号）将忽略CSS并仍然可见。由于您无法在移动设备上运行该代码段，因此以下是指向broadcasting

的链接

input,
textarea {
    font-size: 24px;
    padding: 10px;
    
    color: transparent;
    text-shadow: 0px 0px 0px #000;
    -webkit-text-fill-color: transparent;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:
    text-shadow: none;
    -webkit-text-fill-color: initial;
}

<input type="text" placeholder="test">
<textarea name="" id="" cols="30" rows="10"></textarea>

有什么解决办法吗？

Answer 1

根据您偏好的浏览器支持，您可以使用caret-color: transparent;

https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color

Safari：输入元素上的光标不透明

1 个答案: