css mouse pointer

.pointer {
  cursor: pointer;
}

View another examples Add Own solution

Sophia Aitcadi 90 points

                                    cursor: pointer;
/* Mouse image is a hand */

Thank you! 1

3 (1 Votes)

Funct7 105 points

                                    #Element {
	cursor: pointer; /*When you point on this element, cursor will be
  	a pointer.*/
}

#Element {
	cursor: default; /*Will make the cursor not point.*/
}

Thank you! 0

4.44

Luaan 105 points

                                    &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.context-menu {cursor: context-menu;}
.col-resize {cursor: col-resize;}
.copy {cursor: copy;}
.crosshair {cursor: crosshair;}
.default {cursor: default;}
.e-resize {cursor: e-resize;}
.ew-resize {cursor: ew-resize;}
.grab {cursor: -webkit-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.help {cursor: help;}
.move {cursor: move;}
.n-resize {cursor: n-resize;}
.ne-resize {cursor: ne-resize;}
.nesw-resize {cursor: nesw-resize;}
.ns-resize {cursor: ns-resize;}
.nw-resize {cursor: nw-resize;}
.nwse-resize {cursor: nwse-resize;}
.no-drop {cursor: no-drop;}
.none {cursor: none;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.row-resize {cursor: row-resize;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h1&gt;The cursor Property&lt;/h1&gt;
&lt;p&gt;Mouse over the words to change the mouse cursor.&lt;/p&gt;

&lt;p class=&quot;alias&quot;&gt;alias&lt;/p&gt;
&lt;p class=&quot;all-scroll&quot;&gt;all-scroll&lt;/p&gt;
&lt;p class=&quot;auto&quot;&gt;auto&lt;/p&gt;
&lt;p class=&quot;cell&quot;&gt;cell&lt;/p&gt;
&lt;p class=&quot;context-menu&quot;&gt;context-menu&lt;/p&gt;
&lt;p class=&quot;col-resize&quot;&gt;col-resize&lt;/p&gt;
&lt;p class=&quot;copy&quot;&gt;copy&lt;/p&gt;
&lt;p class=&quot;crosshair&quot;&gt;crosshair&lt;/p&gt;
&lt;p class=&quot;default&quot;&gt;default&lt;/p&gt;
&lt;p class=&quot;e-resize&quot;&gt;e-resize&lt;/p&gt;
&lt;p class=&quot;ew-resize&quot;&gt;ew-resize&lt;/p&gt;
&lt;p class=&quot;grab&quot;&gt;grab&lt;/p&gt;
&lt;p class=&quot;grabbing&quot;&gt;grabbing&lt;/p&gt;
&lt;p class=&quot;help&quot;&gt;help&lt;/p&gt;
&lt;p class=&quot;move&quot;&gt;move&lt;/p&gt;
&lt;p class=&quot;n-resize&quot;&gt;n-resize&lt;/p&gt;
&lt;p class=&quot;ne-resize&quot;&gt;ne-resize&lt;/p&gt;
&lt;p class=&quot;nesw-resize&quot;&gt;nesw-resize&lt;/p&gt;
&lt;p class=&quot;ns-resize&quot;&gt;ns-resize&lt;/p&gt;
&lt;p class=&quot;nw-resize&quot;&gt;nw-resize&lt;/p&gt;
&lt;p class=&quot;nwse-resize&quot;&gt;nwse-resize&lt;/p&gt;
&lt;p class=&quot;no-drop&quot;&gt;no-drop&lt;/p&gt;
&lt;p class=&quot;none&quot;&gt;none&lt;/p&gt;
&lt;p class=&quot;not-allowed&quot;&gt;not-allowed&lt;/p&gt;
&lt;p class=&quot;pointer&quot;&gt;pointer&lt;/p&gt;
&lt;p class=&quot;progress&quot;&gt;progress&lt;/p&gt;
&lt;p class=&quot;row-resize&quot;&gt;row-resize&lt;/p&gt;
&lt;p class=&quot;s-resize&quot;&gt;s-resize&lt;/p&gt;
&lt;p class=&quot;se-resize&quot;&gt;se-resize&lt;/p&gt;
&lt;p class=&quot;sw-resize&quot;&gt;sw-resize&lt;/p&gt;
&lt;p class=&quot;text&quot;&gt;text&lt;/p&gt;
&lt;p class=&quot;url&quot;&gt;url&lt;/p&gt;
&lt;p class=&quot;w-resize&quot;&gt;w-resize&lt;/p&gt;
&lt;p class=&quot;wait&quot;&gt;wait&lt;/p&gt;
&lt;p class=&quot;zoom-in&quot;&gt;zoom-in&lt;/p&gt;
&lt;p class=&quot;zoom-out&quot;&gt;zoom-out&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;

Thank you! 9

4.44 (9 Votes)

3.88

Michnguyen 85 points

                                    li { cursor: pointer; }

Thank you! 8

3.88 (8 Votes)

3.88

Jasmit Singh 120 points

                                    cursor: pointer;

Thank you! 8

3.88 (8 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category CSS

CSS 2022-03-27 22:50:16 make text bigger html5
CSS 2022-03-27 21:40:08 move list item to left css
CSS 2022-03-27 21:35:05 reduce image size css
CSS 2022-03-27 21:30:21 css image background center horizontally in div
CSS 2022-03-27 21:05:02 css button styles
CSS 2022-03-27 18:50:09 compass font awesome
CSS 2022-03-27 18:50:06 modal in materialize css
CSS 2022-03-27 17:55:12 box round corner css
CSS 2022-03-27 17:45:12 jquery add css
CSS 2022-03-27 17:45:01 css image fit in div with aspect ratio

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

css mouse pointer

Welcome Back!

Create a Free Account