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;
}

猜你喜欢

转载自blog.csdn.net/weixin_45966674/article/details/115958013#comments_21045083