0

我有这个 div 的代码

      <div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left;  height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

当光标在 div 上移动时，它会显示 text-cursor 。我希望那个 div 是可点击的，并且点击光标应该出现在那里。怎么能做到这一点。请帮忙？

4

3 回答 3

3

添加到CSS 中类cursor: pointer的样式规则。class_div

于 2013-06-20T08:21:02.420 回答
2

你需要改变这样的风格 -

<div style="cursor:pointer" ....></div>.
于 2013-06-20T08:21:40.620 回答
2

要使其完全可点击，您需要cursor:pointer; display:inline-table; text-align:center;分别向 div 添加属性。

如果没有display:inline-table，整个 div 将无法点击，并且会在两行文本之间产生间隙。

这是工作解决方案

的HTML：

<div align="center" id="1_2" class="class_div" onclick="DoAction(1)" style="float: left;  height: 60px; width: 250px; margin: 10px"><h1>&nbsp;&nbsp;&nbsp;&nbsp;Class :Class-1</h1>&nbsp;&nbsp;&nbsp;&nbsp; Class Teacher :Manan</div>

CSS：

div{cursor:pointer; display:inline-table; text-align:center;}

希望有帮助。

PS：我已经用 div 作为选择器进行了说明，但或者，您也可以将样式应用于类。

于 2013-06-20T08:23:12.910 回答