'Change Pointer Style with CSS

Is there we can make the pointer blink "vertically" with CSS, Example ( _ ), Can we change the Pointer form " | " to " ___ " . Thank You

css


Solution 1:[1]

You can try to add the following CSS rule, on the element you want to target:

cursor: vertical-text;

see: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Solution 2:[2]

You could switch the cursor between two cursor types with a timer

setTimeout(function() {
    var myElement = document.getElementById("myElement")

    if(myElement.style.cursor == "vertical-text")
        myElement.style.cursor = "none";
    else
        myElement.style.cursor = "vertical-text";
}, 1000);

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Yoni A
Solution 2 Mike Irving

Related Questions