給div添加了pointer-events: none样式后,div里面的所有点击事件都不会被触发
鼠标放上去让div变成小手样式
cursor:hand :IE完全支持。在firefox是不支持的,没有效果
cursor:pointer :firefox是支持的,但IE5.0既之前版本不支持,IE6开始支持。是CSS2.0的标准
<div style="cursor:pointer;">小手样式</div>
<div id="handStyle">小手样式</div>
#handStyle:hover {
cursor:pointer
cursor的其他取值
值描述url 需使用的自定义光标的 URL
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标
default默认光标(通常是一个箭头)auto默认(浏览器设置的光标)crosshair光标呈现为十字线pointer, hand光标呈现为指示链接的指针(一只手)move某对象可被移动,移动光标vertical-text水平I形光标no-drop不可拖动光标not-allowed无效光标all-scroll三角方向标e-resize矩形框的边缘可被向右(东)移动ne-resize矩形框的边缘可被向上及向右移动(北/东)nw-resize矩形框的边缘可被向上及向左移动(北/西)n-resize矩形框的边缘可被向上(北)移动se-resize矩形框的边缘可被向下及向右移动(南/东)sw-resize矩形框的边缘可被向下及向左移动(南/西)s-resize矩形框的边缘可被向下移动(南)w-resize矩形框的边缘可被向左移动(西)text文本,I形光标wait程序正忙(通常是一只表或沙漏)等待光标help可用的帮助(通常是一个问号或一个气球),帮助光标
把a标签设置为不可点击 <div style="pointer-events: none;"> <a href="www.baidu.com">百度一下</a> </div>給div添加了pointer-events: none样式后,div里面的所有点击事件都不会被触发鼠标放上去让div变成小手样式cursor...
css中的a标签无disable属性,如何禁用a标签的点击事件css 禁用 a 标签vue项目禁用a标签的点击事件css里a标签禁用css中如何禁用a标签按钮CSS-禁用a标签css如何禁止a标签跳转怎样禁用css中a标签按钮css如何让a标签不可用使用纯css禁用html中a标签无需JavaScript怎样禁用css中a标签按钮css如何让a标签不可用css如何禁止a标签跳转css 控制a标签 禁用html的a标签disabled禁用处理jquery怎么禁用a标签css如何设置a标签不可点击CSS-but
对于很多标签来说,在实现点击事件或者其他的事件的时候最好鼠标移到标签上要实现光标变为小手形状,可以实现的方式如下:
通过CSS样式实现:
<div style="cursor: pointer">鼠标移动到这</div>
当把css样式中的cursor属性改为pointer样式,就可以实现鼠标移动到标签上会显示小手形状
在HTML中,要实现超链接需要使用标签 <a></a> 这个标签有多个属性,如href属性、target属性等。
在程序开发中,有时候我们需要实现a标签不可点击功能,但是a标签的属性中并没有disabled 这时,要实现a标签不可点击,需要用到css的知识。
主要方法: 给a标签设置css样式属性 pointer-events
<a href="" style="pointer-events:none;">//none属性值代表元
当鼠标放在div上时,就会显示出"title"属性中的文字。需要注意的是,这里的提示文字会覆盖掉div中原有的内容,所以如果需要在div中显示提示文字,可以将文字放在div中,并使用CSS样式来实现隐藏和显示。例如:
<div class="tooltip">鼠标放上来试试
<span class="tooltiptext">这是要显示的提示文字</span>
</div>
CSS样式:
.tooltip {
position: relative;
display: inline-block;
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
.tooltip:hover .tooltiptext {
visibility: visible;
这样,鼠标放在div上时,会显示出提示文字,同时原有的内容也会保留。
错误:Maven Resources Compiler: Maven project configuration required for module ‘xxx‘ isn‘t available.
m0_61845506:
报错 java: 程序包javax.servlet.http不存在
HbuilderX配置Git插件并导入项目和上传代码
如何修改SVN客户端的用户名和密码
biu-D-for:
vue 项目的屏幕自适应方案
柠檬片夹馍: