Vue3-markdown-it与Vuetify 3样式表兼容问题求助
Vue3-markdown-it与Vuetify 3样式兼容问题求助
使用Vue3-markdown-it库进行字符串格式化时,遇到了和Vuetify 3样式的兼容问题。
为排查问题,我做了两组测试:
- 未引入Vuetify 3样式表:组件符合预期正常运行
- 引入Vuetify 3样式表:组件无法正常运行
经分析,问题根源是Vuetify的全局样式覆盖了浏览器默认样式,罪魁祸首是这段全局重置代码:
* { padding: 0; margin: 0; }
如果禁用这段样式,或者给padding、margin设置revert值,markdown元素就能正常工作,但这样会影响Vuetify其他组件的样式。
恳请各位提供可行的解决方案或规避方法。
内容的提问来源于stack exchange,提问作者Rohít Jíndal
相关产品推荐
相关产品推荐

