HiCan you please share the code for hiding cursor on button using JavaScriptltinput type34button34 value34Submit34gtltinputgt

Hide Mouse Cursor (Pointer) on Button using JavaScript

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: on Apr 03, 2025 09:38 PM
Forum: JavaScript
Replies: 1
Views: 914

Hi,

Can you please share the code for hiding cursor on button using JavaScript?

<input type="button" value="Submit"></input>

Mudassar

12 1

Reply
User: Mudassar
Replied: on Apr 03, 2025 09:44 PM
Report

Hi makenzi.exc,

Refer below example.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <style type="text/css">
        body { font-family: Arial; font-size: 10pt; }
    </style>
</head>
<body>
    <input type="button" value="Save" onmouseover="HideCursor(this)"/>
    <script type="text/javascript">
        function HideCursor(element) {
            element.style.cursor = "none";
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

Hide Mouse Cursor (Pointer) on Button using JavaScript

Company

Explore

Follow us

Contact Us