Vue.js 当我将vuetify.js导入我的Vue项目时，文本选择颜色变为黑色

我在Vue项目中使用红色文本。如果我不导入vuetify.js，当我选择文本时，文本颜色不会改变。但是我导入了vuetify.js，选择文本的颜色从红色变为黑色。即使导入vuetify，如何不更改选择文本的颜色

当没有vuetify css时

导入vuetify css时

我在我的vue项目中使用HTMLEditorIPTAP。但是vuetify css改变了我项目的全局风格。这让我很尴尬。当我通过选择文本来更改文本颜色时，我不知道颜色是否已更改。因为选择颜色始终为黑色

---

如何忽略某些组件或div中的某些vuetify css。

文本选择颜色由sudo class:：selection控制。Vuetify的主css文件中有两个声明

::-moz-selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: #000;
   text-shadow: none;
}
::selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: #000;
   text-shadow: none;
}

您应该设置一个自定义样式css或SCS，该样式优先于vuetify.css，它可以按照您的意愿覆盖这些样式

或者，不必使用其他颜色覆盖选择属性，也可以简单地将其取消设置

---

请发布一些可以复制问题的示例代码添加自定义css类以控制颜色如果文本在每个vue项目中，如果我从“/plugins/vuetify”添加导入vuetify，则选择颜色将更改为黑色，如上图所示。您的代码笔链接不起作用您不能打开链接吗？我再次检查了链接。我能打开它？？？谢谢你的评论。但是我需要一个忽略vuetify这个css设置的解决方案。如果我声明自己的：：selection样式，我可以更改选择的文本颜色。我不想改变文本的颜色。有什么解决办法吗？是的，我更新了我的答案。您仍然需要覆盖vuetify样式，但使用unset作为颜色属性。谢谢。这就是我要找的。再次感谢

::selection {
   background-color: #b3d4fc; /* Required when declaring ::selection */
   color: unset;
   text-shadow: none;
}