如何设置完整的div可点击

Question

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上移动时，显示文本光标。我希望这个div是可点击的点击光标应该出现在这里。这是怎么做到的?请帮助? ?

Answer 1

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

Answer 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作为选择器，但是，您也可以将样式应用到类

Answer 3

你需要像这样改变样式-

<div style="cursor:pointer" ....></div>.