在已禁用突出显示的页面上重新启用突出显示

时间:2016-10-10 06:00:50

标签: javascript html css

我目前正在为我公司的网页处理一个问题,其中一个客户想要一个特定的页面,可以突出显示文本。该特定页面的当前设置是,无法突出显示和复制显示数据的元素块。

该块的代码如下所示

<div id="mainpanel">
    <div id="datapanel">
        <!-- All the data are displayed in here -->
    </div>
</div>

根据我的调查,我发现数据通道块已禁用突出显示。但我仍然无法找到的问题是,他们是如何做到的。

根据我的理解,有几种方法可以禁用网页上突出显示的文字,我试图与之相反,希望重新启用文字突出显示。

  • 通过CSS,this作为参考。我尝试反过来,通过做-webkit-user-select:text!important,但不知怎的,它没有出现在我把它放在那个元素的style属性上。我在Chrome的检查器上再次测试了这一点,手动将css线添加到所述元素(在这种情况下是数据通道块),但不知何故它被拒绝了(它没有出现在检查器的样式中。通常如果css线不是工作或被覆盖,Chrome检查员将只删除css线)。我尝试将上面的css行添加到父块(主面板),它出现在样式属性上,但它被削减了。
  • 使用z-index,以防数据通道块位于具有更高z-index的透明层下(我在Inspector中找不到任何内容)。我试图将datapanel块设置为z-index:10000000但仍然无法正常工作。
  • 通过javascript,将其用作reference,但也无效。
  • 检查该页面的html,javascript和css,但没有任何暗示该页面通过html,css或js突出显示禁用。

不知怎的,我觉得迷失在这里。这里的任何人都知道为什么上面的解决方案不起作用。

0 个答案:

没有答案