- Instant help with your CSS coding problems

Set cursor to crosshair in CSS

Snippet added on Sep 26, 2021 by Mike

Question:

How to set cursor to crosshair in CSS?

Answer:

.my-selector {
  cursor: crosshair;
}

Description:

To change the default cursor to crosshair use the cursor property on the given element. The cursor CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.

Reference:

CSS cursor reference

Share "How to set cursor to crosshair in CSS?"

Related snippets:

Set cursor to crosshair in CSS

Tags:

css, cursor, crosshair, pointer, mouse

Technical term:

Set cursor to crosshair in CSS

Trending articles

Use clip path in TailwindCSS Set focus border in TailwindCSS Create hover underline animation in TailwindCSS Truncate text in TailwindCSS Create triangles with TailwindCSS Create custom toggle button with TailwindCSS Implement Dark mode with TailwindCSS How to create custom checkboxes in TailwindCSS Fix the Unknown at rule @tailwind warning in VSCode Fix TailwindCSS breaks existing styles

Trending snippets

How to use !important in TailwindCSS Remove focus border around input element Create endless rotation animation in CSS Center an absolute element in TailwindCSS Add class to child when hovering on parent in TailwindCSS Add a box shadow to only one side of an element Add text shadow with Tailwind CSS Create a neon effect with TailwindCSS Add dots if text is too long Access child elements in TailwindCSS Change bullet size in HTML Select the nth child in TailwindCSS Force line break in a long word using CSS Select first child in TailwindCSS How to use calc() in TailwindCSS Use emoji instead of list style Create horizontal rule with text using TailwindCSS How to use CSS variables in TailwindCSS Create blinking background with TailwindCSS Using :not in TailwindCSS

Network articles

Fix the ReactDOM.render is no longer supported in React 18 How to run useEffect only once in React Create HTML element with attributes in JavaScript Remove whitespace from the beginning and end of a string in PHP Fix the *.ps1 cannot be loaded because running scripts is disabled on this system Add CSS class to body with JavaScript Change syntax highlighting in VS Code Access object property with hyphen in PHP Get current year in MySQL Count the number of words in a string using JavaScript Convert string to uppercase with JavaScript Toggle fullscreen and normal mode with JavaScript Use for loop in Pug template Add vertical rulers in VS Code Backup MySQL database without locking tables Create a link to call phone number PHP in_array function use and examples Redirect www to non-www on Apache webservers Create drop down list in HTML Use inline style in React

Interesting things

OpanAi's ChatGPT