Reactjs 如何删除默认的故事书画布样式?

Reactjs 如何删除默认的故事书画布样式?,reactjs,storybook,Reactjs,Storybook,Storybook将默认样式应用于故事画布iframe。这使我的故事看起来不像应该的样子。我如何摆脱故事书的默认样式 例如,这里是h2元素的默认样式(通过Storybook的page.css): 该page.css的来源是webpack://src/stories/page.css 如果我在preview head.html中添加样式,Storybook将应用我的自定义样式和默认的Storybook样式,默认的Storybook样式优先(除非我的自定义样式具有很强的特殊性)。默认情况下,通过n

Storybook将默认样式应用于故事画布iframe。这使我的故事看起来不像应该的样子。我如何摆脱故事书的默认样式

例如,这里是
h2
元素的默认样式(通过Storybook的page.css):

page.css
的来源是
webpack://src/stories/page.css


如果我在
preview head.html
中添加样式,Storybook将应用我的自定义样式和默认的Storybook样式,默认的Storybook样式优先(除非我的自定义样式具有很强的特殊性)。

默认情况下,通过
npx sb init
安装Storybook时,对于React,Storybook会添加一个Page.tsx(.js)文件位于
src/stories
下。在该文件中,它们
import'/page.css'只需删除该导入即可设置


希望这是你的解决方案。。。根据您使用的框架的不同,它可能会有所不同。

也许这会有所帮助(只是增加特殊性)@Danilloban谢谢,但我必须弄清楚所有默认值是什么,然后手动重置它们。如果故事书稍后更新为更多默认值,我将不得不再次重置它们。对于Storybook(一个UI预览工具)来说,不允许我们删除它们的默认样式似乎很奇怪。也许是吧?谢谢@Danilloban。谢谢你调查此事。github问题与重置浏览器默认值有关。但在浏览器默认设置的基础上,Storybook应用自己的默认设置。我需要删除它,并希望故事板有一个设置,我可以这样做。我已经在使用
materialui
CssBaseline
()重置浏览器默认设置,但是故事书的默认样式正在覆盖重置。对不起,@Johnny Oshika,没有主意。就是这样!这么简单。我很惊讶有更多的人不想重新设置。非常感谢!不适合我