css鼠标光标在div

Question

我想将鼠标光标更改为某个div中的文本。 如果我使用：

.divchange { cursor: pointer;}

光标将改变整个div，而不仅仅是文本。

Answer 1

.divchange { 
  display: inline-block;
  cursor: pointer;

}

<div style="background:gray">
  <div class="divchange">text only</div>
</div>

点是display:inline-block。

Answer 2

您可以在span中放置文字，也可以将鼠标悬停在特定文字上。

使用悬停

＆＃13;

＆＃13;

.text p:hover {cursor: pointer;}

＆＃13;

<div class="text">
  <p>Hello</p>
</div>

＆＃13;

＆＃13;

＆＃13;

或者只是将样式添加到您希望光标成为指针的元素

＆＃13;

＆＃13;

.text p{cursor: pointer;}

＆＃13;

<div class="text">
  <p>Hello</p>
</div>

＆＃13;

＆＃13;

＆＃13;