我们有一个供应商提供的网站,由于某种原因,该网站决定有一个样式表:
body::selection{background-color:transparent;}
我们必须从该页面复制很多元素,当您看不到所选内容时,很难判断要复制什么。我没有办法让供应商修复它。而且我使用的是锁定的企业浏览器 - 所以我无法安装任何扩展程序或其他扩展程序。
我尝试使用边缘覆盖功能,但样式表的名称在每个会话中都会更改,因此只能工作很短一段时间。
我还尝试使用 JavaScript 书签。我看到它将我的“更正”的 css 放入 head 元素中,但由于某种原因它在该页面上不起作用。它确实适用于其他页面
javascript:(function(){const injectCSS = css => { let el = document.createElement('style'); el.type = 'text/css'; el.innerText = css; document.head.appendChild(el); return el;};injectCSS('body::selection { color:red!important;background-color:lemonchiffon!important;text-decoration:underline!important; }');})()
我找不到任何其他方法来使选择可见。有人有什么想法吗?
可能有不同的选项,但我将向您展示一个非常简单的选项。您只需要得到一个想法。
假设您添加了 HTML(为了简化示例)
<head
> <style>
元素:
<style>
@import url(path-to-vendor-styles.css);
/* add your declarations to override the styles defined above */
</style>