Shulou(Shulou.com)06/02 Report--

This article mainly shows you the "css input how to hide the cursor", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "how to hide the cursor in css input" this article.

In css, you can use the caret-color property to set the color of the cursor in input to transparent, thus achieving the effect of hiding the cursor, syntax "input {caret-color:transparent;}".

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

When you encounter a requirement in a project, you want to hide the cursor of the input input box, but you also need to have the input function. What should you do?

In fact, it is very simple, just use the caret-color property to set the color of the cursor in input to transparent.

Input {caret-color:transparent;}

Description:

The caret-color attribute specifies the color of the cursor (caret) in input, textareas, or any editable element.

Syntax:

Caret-color: auto | color

Auto: default. Browsers use currentColor to insert symbols.

Color: specifies the color used to insert the symbol. You can use all valid color values (rgb, hexadecimal, named colors, and so on).

The above is all the content of the article "how to hide the cursor in input in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.