Microsoft Edge
提供隐私、学习和辅助功能工具的 Microsoft 跨平台 Web 浏览器。
68 个问题
Edge扩展 sidePanel 背景无法使用白色
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(278.4, 98%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EM%3C/text%3E%3C/svg%3E)
mars
65
信誉分
Edge版本：127.0.2651.74
大约在 7 月 20 日左右，我的 Edge 浏览器进行了自动更新。当 Edge 重新启动后，我的扩展插件（配置为可以通过sidePanel 打开），在sidePanel 中打开后，背景颜色变成了黑色。
我非常确定我的 CSS 背景颜色是白色，并且在浏览器升级之前一切都正常。
我尝试了：
我尝试在调试窗口中，将背景颜色更改为其他颜色（如红色，蓝色等），可以正常展示。
但只要使用了白色（或者白色附近的灰色，如 #e5e5e5）背景色都会变为纯黑色。
还尝试了 #ffffff、rgb(255,255,255) 的颜色书写方法，作为背景颜色设置，但结果仍然是黑色。
还尝试了将 Edge 主题更改为浅色，但不起作用。
还尝试通过使用 edge://settings/resetProfileSettings 来重置 Edge 设置，但不起作用。
我期望我的sidepanel 中的背景颜色，能够按照我设置的白色展示，请问该如何解决
谢谢
Microsoft Edge
{count} 票
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(163.2, 68%, 25%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EYZ%3C/text%3E%3C/svg%3E)
Yu Zhou-MSFT 14,166 信誉分 Microsoft 供应商2024-08-01T02:06:02.1766667+00:00 您好 @mars
Microsoft Q&A 中文论坛只支持中文，您可以把您的问题改成中文或者在英文论坛上提问：https://learn.microsoft.com/en-us/answers/。感谢您的理解！
-
mars 65 信誉分
2024-08-01T12:19:36.97+00:00 已修改为中文提问
-
Yu Zhou-MSFT 14,166 信誉分 Microsoft 供应商
2024-08-02T02:18:05.86+00:00 您好 @mars
我测试了一下没能复现您的问题，我设置了
body的background-color为#e5e5e5可以正常显示灰色。您可以提供一个能复现问题的扩展的最小代码片段吗？请问您是在Windows系统中测试的吗？重新加载一下扩展有用吗？您的浏览器中有其他扩展吗？如果有请关闭其他所有扩展后再试。
-
mars 65 信誉分
2024-08-08T15:05:11.12+00:00 我的系统是macOS。我尝试删除插件，在安装，同时关闭其他所有插件，重启浏览器。效果依旧。我的浏览器也改过主题，亮色暗色都修改过
颜色区域在我下图红框附近，都是黑色底色
-
mars 65 信誉分
2024-08-08T15:12:40.4633333+00:00 您好
我的操作系统是macOS。版本：14.5我试了删除所有插件，再将我的重新安装回来，效果不变。
（但是非常偶然的情况，会有一次显示正常的白色，这次之后关闭再次打开，又变成了黑色）
以下是我的CSS：
这个是效果：
只要颜色在下图区域内，就会逐渐变成黑色，感觉像是透明度在逐步变成100。
-
Yu Zhou-MSFT 14,166 信誉分 Microsoft 供应商
2024-08-09T05:58:35.2633333+00:00 您好 @mars
我在macOS Ventura 13.5，Edge 127.0.2651.98上测试了，还是没有复现您的问题。会不会是您的其他部分代码有影响呢？您可以在其他机器上也测试一下看问题是否存在。
另外您的mac系统是深色模式还是浅色模式呢？您也可以尝试切换一下。不过我这边尝试将系统改为深色模式没有影响扩展的背景颜色。
-
mars 65 信誉分
2024-08-09T14:51:53.04+00:00 我也是在一次edge 升级之后，我的插件突然变成这样。
我又试了重写了一个空白的插件，背景色依然是黑色。
我尝试了修改系统为亮色模式也不行
-
mars 65 信誉分
2024-08-09T15:18:39.7266667+00:00 另外还有个现象：
有一定概率展示正常
-
mars 65 信誉分
2024-08-09T16:58:31.0633333+00:00 我在chrome（版本 127.0.6533.100（正式版本） (arm64)） 上装载了同样的插件。正常展示
-
Yu Zhou-MSFT 14,166 信誉分 Microsoft 供应商
2024-08-12T05:48:18.8933333+00:00 -
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(86.4, 69%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJY%3C/text%3E%3C/svg%3E)
Johnny Yin 10 信誉分2024-08-14T06:44:10.6333333+00:00 遇到了同样的问题。
我的系统是：Mac sonoma 14.4.1 (23E224)
Edge version: Version 127.0.2651.98 (Official build) (arm64)
无论我自己开发的extension还是其他需要用到sidepanel 的 extension背景都是黑色的。无论怎么改都没用。
可以安装以下插件看看，这些在chrome 上背景都是白色，到Edge上就变成黑色了：
-
mars 65 信誉分
2024-09-24T08:01:44.42+00:00 截止今日，升级了edge，升级了macOS依然无效
edge：版本 129.0.2792.52 (正式版本) (arm64)
macOS：版本15.0 (24A335）
chrome下一切正常：
chrome：版本 129.0.6668.59（正式版本） (arm64)
-
Johnny Yin 10 信誉分
2024-09-26T00:31:09+00:00 @Yu Zhou-MSFT 您好，这个问题在所有的MacOS Edge上都存在。我看其他sidebar 相关的插件也有这个问题。您可以搜索下https://sider.ai/
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(41.6, 11%, 14%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJD%3C/text%3E%3C/svg%3E)
JunJun1 Dan 10 信誉分2024-09-26T07:18:53.4633333+00:00 所以这个问题有没有官方的解决方案了
-
JunJun1 Dan 10 信誉分
2024-09-26T07:21:07.09+00:00 有些时候更换主题色(dark和light)是可以的，但是有些时候不会的
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(12.8, 9%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBZ%3C/text%3E%3C/svg%3E)
botao zhao 0 信誉分2024-10-08T03:33:11.6133333+00:00 我也存在同样的问题，也是Mac OS，突然变成黑色了
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(304, 53%, 39%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
雪松 吴 0 信誉分2024-11-05T02:28:33.33+00:00 升级了最新版 Version 130.0.2849.68 (Official build) (arm64) ，问题依旧
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(140.8, 84%, 23%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
志远 左 0 信誉分2024-12-05T10:29:32.52+00:00 我也存在同样的问题，也是Mac OS，突然变成黑色了.调整背景色为白色就会是黑色，别的颜色就可以显示。
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(105.60000000000001, 86%, 20%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EQ%3C/text%3E%3C/svg%3E)
qcbyt 0 信誉分2024-12-06T05:41:33.1566667+00:00 我也存在同样的问题，版本Mac OS 15.1.1, edge的版本是131.0.2903.70 (Official build) (arm64)
看起来是side panel会将白色区域背景变黑，文字变白。
其他同事也普遍有这个问题。
-
mars 65 信誉分
2024-12-06T05:48:56.5033333+00:00 是的，有点像是切换到了暗色主题。这个问题已经 5 个月了，没有任何改变
-
qcbyt 0 信誉分
2024-12-06T05:53:00.11+00:00 不知道是不是hsl做了invert。
插件里用浅色的背景图可以正常展示。
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(140.8, 68%, 23%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBM%3C/text%3E%3C/svg%3E)
Bug ming 0 信誉分2024-12-12T05:45:03.81+00:00 同样的问题，解决了吗
登录以评论
登录以回答