HiCan you please shar the code for hiding cursor on button using CSS and JavaScriptltinput type34button34 value34Submit34gtltinputgt

Hide Mouse Cursor (Pointer) on Button using CSS and JavaScript

makenzi....

SOLVED CLOSED ACTIVE ANSWERED
User: makenzi.exc
Posted: on Mar 21, 2025 11:40 AM
Forum: JavaScript
Replies: 1
Views: 54

Hi,

Can you please shar the code for hiding cursor on button using CSS and JavaScript?

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

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 1

Reply
User: Mudassar
Replied: on Mar 25, 2025 06:16 AM
Report

Hi makenzi.exc,

For hiding the cursor set the cursor property to none.

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" style="cursor: none;" />
    <input id="btnCancel" type="button" value="Cancel" onmouseover="HideCursor(this)" />
    <script type="text/javascript">
        function HideCursor(element) {
            element.style.cursor = "none";
        }
    </script>
</body>
</html>

Demo

Screenshot

Downloads

Download Sample

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Description

Description is required.

Hide Mouse Cursor (Pointer) on Button using CSS and JavaScript

Company

Explore

Follow us

Contact Us