为什么我双击后会有蓝色选中呢?这样的情况该如何处理?

题目描述

我预期的效果是双击后,弹出个窗口,且图片中红箭头对应的数据没有那个蓝色的选中情况,想请教下大佬们如何解决?

题目来源及自己的思路

图片描述

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)
这里就是个简单的table组件的,重点是红箭头指向的那个蓝色的选中情况,不想有那个的

<i-table highlight-row border no-data-text="" :height="height" ref="priceTable" @on-row-dblclick="dbClickRow"
 @on-row-click="clickRowData" size="small" :columns="columns" :data="showdata"></i-table>

你期待的结果是什么?实际看到的错误信息又是什么?

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

回答:

css添加user-select:none;
或者在标签里加<p onselectstart="return false;">

回答:

其实还有个简单的方法,你只是弹出框弹出时不想看见那个蓝色,那么你调整下弹出框的位置和大小遮住那块不就可以了吗?

回答:

这个属性你试下?

::selection{background:blue; color:white;}
::-moz-selection{background:blue; color:white;}
::-webkit-selection{background:blue; color:white;}

回答:

一般情况 你可以加onselectstart =’return false’不让他选中,如果使用框架的话,试试xxx::selection{background: transparent;}把双击选中变成透明把

回答:

换成其他不是字体的元素,比如:

html:
<button>这是文字</button>
css:
button{
    outline:none;
}

回答:

双击是默认文字选中,设置cssuser-select:none;

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注