Css Vue3日期 Select 器：作用域样式不起作用

<style>
.dp__theme_light {
  --dp-highlight-color: rgba(34, 233, 8, 0.993);
  --dp-primary-color: #ff006f;
  --dp-primary-text-color: #000078;
}
</style>

<style scoped>
  ...
</style> 

<style scoped>
.dp__main :deep(.dp__theme_light) {
  --dp-highlight-color: rgba(34, 233, 8, 0.993);
  --dp-primary-color: #ff006f;
  --dp-primary-text-color: #000078;
}
</style>

Css相关问答推荐

如何让CSS过渡应用时宽度增加，而不是减少？

如何仅以WooCommerce单一产品页面为目标？

如何为多个背景和棋盘设置不同的大小

寻找组件中最大的元素来设置其他组件的高度

MUI Textfield-悬停时输入标签 colored颜色

为什么继承时1rem值不同？

使用高图的背景大小渐变

CSS 内联 Flex 和段落换行

如何仅在CSS中屏蔽具有多个形状的div框？

使用 flexbox 使图像与内容高度相同

如何为使用jsTreeR拖入层次 struct node 的元素添加顺序编号？

左右卡片的 OwlCarousel 导航：react js

基于类的 CSS Select 器

将 CSS 注入 Shadow 根.然而风格正在受到影响

控制表格单元格之间的间距

删除在 ios safari / chrome / firefox 中单击的链接上的灰色背景

如何使表格中一行的最后一个单元格占据所有剩余宽度

媒体查询以错误的宽度触发

可变高度的 CSS 浮动 div

在无序列表中的项目之后添加管道分隔符，除非该项目是最后一行