如何在边缘浏览器中覆盖CSS

问题描述 投票:0回答:1

我们有一个供应商提供的网站,由于某种原因,该网站决定有一个样式表:

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; }');})()

我找不到任何其他方法来使选择可见。有人有什么想法吗?

css microsoft-edge
1个回答
0
投票

可能有不同的选项,但我将向您展示一个非常简单的选项。您只需要得到一个想法。

假设您添加了 HTML(为了简化示例)

<head
>
<style>
元素:

<style>
    @import url(path-to-vendor-styles.css);
    /* add your declarations to override the styles defined above */
</style>
© www.soinside.com 2019 - 2024. All rights reserved.