Specify the color of the cursor in elements with CSS

CSS Web Development Front End Technology

To set the cursor color, use the CSS caret-color property. You can try to run the following code to implement the caret-color property

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         .demo {
            caret-color: blue;
          }
      </style>
   </head>
   <body>
      <p>Place the mouse cursor below to see a blue color cursor</p>
      <input class = "demo" value = "Blue Cursor"><br><br>
   </body>
</html>

Ankith Reddy

Published on 31-May-2018 14:42:24

Previous Page Print Page