Disable mouse pointer text selector when hovering above text

Question

Every time you hover over text the mouse turns in to this text selector that pops up instead of the mouse icon, How do i disable this in CSS/JS/HTML when hovering over specific paragraphs containing the same class? Could this be done in CSS? for example i dont want to have a hover option over this:

<p class="class">Dont hover over me</p>

Just a guess: p:hover { cursor: default }

Johan
– Johan

2014-02-13 16:23:15 +00:00
Commented Feb 13, 2014 at 16:23 — Johan
– Johan, Commented Feb 13, 2014 at 16:23

Felix · Accepted Answer · 2014-02-13 16:23:23Z

8

You can use cursor property:

p.class {
    cursor: default;
}

answered Feb 13, 2014 at 16:23

Felix

38.2k8 gold badges45 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Panda · Accepted Answer · 2014-02-13 16:25:19Z

2

You can do it like this:

.class:hover{
   cursor:default;
}

answered Feb 13, 2014 at 16:25

Panda

537 bronze badges

Comments

Bergi · Accepted Answer · 2014-02-13 16:24:44Z

0

Yes, you can set the CSS cursor property:

p.class {
     cursor: default;
}

to disable the text style.

answered Feb 13, 2014 at 16:24

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Comments

Zac.Ledyard · Accepted Answer · 2014-02-13 16:25:13Z

0

Use

cursor: default;

In your CSS. Look up the documentation here: http://www.w3schools.com/cssref/pr_class_cursor.asp

answered Feb 13, 2014 at 16:25

Zac.Ledyard

16212 bronze badges

Collectives™ on Stack Overflow

Disable mouse pointer text selector when hovering above text

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related