CSS去除元素点击时出现的小竖杠

在开发过程中我们不免要使用div span等一系列非a/bottom 的元素来充当跳转或提交的工具
可我们会发现当用户点击我们的假触发器上会出现一个类似于输入框输入提示的小竖杠
其实原理很简单

页面中文本是可以被选中进行复制等操作的你写在假按键上的文本自然也不会是意外

那么我们需要给这个假按键添加一个内容不能被选择的css属性

/* 例如给div添加样式 */
div{-webkit-user-select:none;/*谷歌 /Chrome*/-moz-user-select:none; /*火狐/Firefox*/-ms-user-select:none;    /*IE 10+*/user-select:none;
}

CSS去除元素点击时出现的小竖杠相关推荐

php jquery点击事件,jQuery操作html元素点击事件详解
这次给大家带来jQuery操作html元素点击事件详解,jQuery操作html元素点击事件的注意事项有哪些,下面就是实战案例,一起来看一下. 移除或禁用html元素的点击事件可以通过css实现也可以 ...
vue中父元素点击事件与子元素点击事件冲突
vue中父元素点击事件与子元素点击事件冲突在做vue项目的时候,遇到子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢?这就用到vue事件 ...
vue子元素点击事件与父元素点击事件冲突子元素点击事件不触发
在vue项目中,子元素有点击事件,父元素也有点击事件,当点击子元素时往往触发的是父元素的点击事件,产生冲突,怎样解决这个问题呢? 解决方法:使用vue中的事件修饰符 vue为 v-on 提供了 .st ...
HTML点击图片下方出现阴影,纯css实现图片点击时移动效果和阴影效果
有人喜欢用js加css实现这样的效果,而我比较喜欢用最简单的方法实现这样的效果,因为我是个简单的人,所以我要做最简单实用的事儿(hei hei)...好处就是:简单,方便操作,给服务器减少压力,对se ...
HTML可以让元素透过元素点击,通过Mootools 1.2来操纵HTML DOM元素
我们已经学习过如何来选取DOM元素,怎么创建数组,怎么创建函数,怎么把事件添加到元素,今天我们来深入地学习一下如果操纵HTML元素.通过MooTools 1.2,你可以添加新元素到一个HTML页面中, ...
js+css实现鼠标点击时出现小心心
1.先看效果图: 2.代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
html 隐藏元素点击事件,css隐藏元素的几种方法中可以触发点击事件的是？
css隐藏元素的几种方法中可以触发点击事件的是是opacity设置为0的方法. css隐藏元素的方式: 1.display:none;.box{ display: none; } 最简单也最粗暴的方 ...
on() 和 click() 的区别:二者在绑定静态控件时没有区别，但是如果面对动态产生的控件，只有 on() 能成功的绑定到动态控件中。以下实例中原先的 HTML 元素点击其身后的 Dele
$("#newclick").click(function(){ $(".li").append('<li>动态添加的HTML元素click< ...
web页面事件无响应，元素点击不到
有可能出现这种情况的原因就是:z-index属性设置成负值导致,点击页面时,获取不到焦点,无法触发事件. 转载于:https://www.cnblogs.com/chenjzblog/p/418609 ...

CSS去除元素点击时出现的小竖杠

CSS去除元素点击时出现的小竖杠相关推荐

最新文章

热门文章