Html 如何从输入元素中删除插入符号

How to remove the caret from an input element

提问by Rafa Romero

How can I remove the caret from a <input type="text">element only using CSS and not JavaScript?

如何<input type="text">仅使用 CSS 而不是 JavaScript从元素中删除插入符号 ？

回答by Rafa Romero

Of course you can do it just with CSS.

当然，您可以仅使用CSS.

Add this code to your CSS file:

将此代码添加到您的 CSS 文件中：

border: none;
color: transparent;
text-shadow: 0 0 0 gray;
text-align: center;

&:focus {
    outline: none;
}

Here you have the SOURCEand a DEMO

在这里你有源和演示

回答by Rakesh Shetty

I can only say you that you can achieve this by applying the color through css :

我只能说你可以通过 css 应用颜色来实现这一点：

<input type="text" style="color: transparent;text-shadow: 0 0 0 red;" />

FIDDLE DEMO

小提琴演示

Otherwise there is no way to style the text cursor with CSS.

否则无法使用 CSS 设置文本光标的样式。