<p>我正在尝试从Vuetify/Vue 2升级到3。我不是前端开发人员，只是负责升级一些旧代码以保持功能正常。不幸的是，迁移指南似乎假设了一定的基本CSS知识，并没有提供如何修复所有被删除内容的示例。</p> <p>我正在努力弄清楚如何迁移以下代码片段中的<code>rounded</code>和<code>flat</code>：</p> <pre class="brush:php;toolbar:false;"><v-select class="mr-2 filter-custom-input" slot="prepend-inner" v-model="field" :items="fields" menu-props="auto" label="Field" hide-details single-line density="compact" rounded flat theme="dark" /></pre> <p>以及这个代码片段中的<code>.v-application</code>（如果需要的话）：</p> <pre class="brush:php;toolbar:false;"><style lang="scss" scoped> .v-application--is-ltr .v-list-item__icon:first-child, .v-application--is-ltr .mr { margin-right: 10px; } </style></pre> <p>不幸的是，迁移指南上对这些的唯一建议是：</p> <ul> <li><code>rounded</code>属性已被移除。请将圆角的CSS类应用于菜单内容元素。例如：<code>.rounded-te</code></li> <li>以前包含为<code>.v-application p</code>或<code>.v-application ul</code>的全局样式不再包含在内。如果您需要为<code>p</code>添加边距，或为<code>ul</code>和<code>ol</code>添加左侧内边距，请在根组件的<code><style></code>标签中手动设置。</li> </ul> <p>上述关于<code>rounded</code>的指导仅仅替换<code>rounded</code>为<code>.rounded-te</code>是不起作用的（更不用说它是在另一种类型的控件中提到的）。</p> <p>它说flat已从其他一些控件中删除，并被“单个变体属性”替换，但是尝试用<code>variant="flat"</code>替换<code>flat</code>给我一个语法错误。</p> <p>谢谢！</p> <p>（我最初在这里提问，有人建议我将其拆分为多个问题）</p>