小编Pav*_*nyk的帖子

添加 css all:revert 后,Svg 不呈现 <path>

我正在使用第 3 方 UI 库,其中包含以下规则:

* {all: revert;}
Run Code Online (Sandbox Code Playgroud)

然后我添加 svg,但它不会渲染,因为width and heightof<path>等于 0。我无法 all: revert;在代码中删除(只能覆盖)。

这是演示: https: //codesandbox.io/s/suspicious-cori-4pgfh

需要添加什么样式<path>才能使其可见?

UPD:这里是代码片段

* {all: revert;}
Run Code Online (Sandbox Code Playgroud)
body {
  font-family: sans-serif;
}

/* this cannot be removed  */
body * {
  all: revert; /* this added by 3-rd party library */
}

.svg-wrapper * {
  display: block;
  width: 100px;
  height: 100px;
}

.svg-wrapper path {
  display: block;
  width: 100px;
  height: 100px;
}
Run Code Online (Sandbox Code Playgroud)

UPD:当用body * { all: …

css svg

7
推荐指数
1
解决办法
362
查看次数

标签 统计

css ×1

svg ×1