Question

我想知道是否有一种方法可以消除输入内部的信号灯。我看过一些没有信号灯的网站，但找不到任何与此相关的代码。

预先感谢

Answer 1

尝试一下

.blinker {
    color: transparent;
    text-shadow: 0 0 0 gray;

}

<input type="text"   class="blinker">

Answer 2

您可以使用caret-color: transparent;-但是，它没有最好的浏览器支持。

input {
  caret-color: transparent;
}

<input type="text">

Answer 3

尝试使用此CSS：

input {
   color: transparent;
   text-shadow: 0 0 0 #2196f3;

   &:focus {
    outline: none;
   }
}

Answer 4

在这里https://stackoverflow.com/a/23472096/2929068中查看拉霍斯·梅萨罗斯（Lajos Meszaros）的答案，这些似乎可以用来实现您想要的行为的所有选项。


基本思想是，光标的颜色与文本的颜色相同。因此，您要做的第一件事就是使文本透明，从而使光标消失。然后，您可以再次显示带有文本阴影的文本，使用此链接可以在jsfiddle
中实时查看文本

input[type="text"]{
    color : transparent;
    text-shadow : 0 0 0 #000;
}
input[type="text"]:focus{
    outline : none;
}

<input type="text" value="test message" />

如何从HTML的输入框中删除闪烁器

4 个答案: