选择器的Vuetify组件是：
<v-select
:items="items"
label="Standard"
></v-select>
但是，当选择器是活动的，许多嵌套组件出现（上检查），例如，下拉菜单本身，menu__content。我将如何设计样式？对于“可见”的Vuetify组件v-select，我可以手动添加一个类，然后直接在CSS中设置其样式。但是，我无法对隐藏的组件执行此操作。
我尝试使用“ .menu__content”类的检查样式设置样式，但它似乎不起作用：https ://jsfiddle.net/agreyfield91/tgpfhn8m/936/ 。
如何在CSS中手动设置这些组件的样式？关于Vuetify我缺少什么基本知识？
似乎不起作用
如果再次检查它，您将看到它“起作用”，但是它似乎被某些东西覆盖：
.menu__content {
top：200px;
}
关于Vuetify我缺少什么基本知识？
显然不是在这种情况下，您只缺少CSS Specificity。
如果您检查该元素，您会发现该元素具有一些内联样式，可能是您无法更改的某些JavaScript添加的。
从上面的链接：
添加到元素中的内联样式（例如style =“ font-weight：bold”）始终会覆盖外部样式表中的任何样式，因此可以认为具有最高的特异性。
Afaik在外部样式表中覆盖内联样式的唯一方法是使用!important，但是这似乎不是最佳实践：
.menu__content {
top: 200px !important;
}
所以也许您可以做的另一件事是：
注意：
如果您使用CSS解决方案，并且样式似乎未应用，请参阅有关深度选择器的更多信息。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句