Css 如何在vuetify中堆叠复选框和图标

我想要这样的东西（+是复选框，-是删除图标）：

以下是我到目前为止所做的尝试：

去掉你的圆圈
新Vue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
选择：[{
文本：“Foo”，
正确：正确
},
{
文字：“酒吧”，
I正确：错误
}
]
}
}
})

老实说，只为此创建一个单独的div似乎比使用prepend槽要好，因为prepend槽有一些奇怪的自定义边距，不适合此用途。我已经编辑了你的代码以达到你想要的效果-

我也把代码片段放在了这里，但由于某种原因，图标在这里不起作用

去掉你的圆圈
新Vue({
el:“#应用程序”，
vuetify:新的vuetify（），
数据（）{
返回{
选择：[{
文本：“Foo”，
正确：正确
},
{
文字：“酒吧”，
I正确：错误
}
]
}
}
})

您是希望版面将它们垂直放置在文本区域旁边，还是希望一个堆叠在另一个之上（z索引）？无论哪种方式，您都可以将类添加到vue标记中，然后使用CSS将内容放在您想要的地方。@Paulie_D我已经添加了代码段。@Brychowitson否，不是z索引堆栈。通过css实现这一点的最佳方式是什么？我可以使用边距，但这样会太脏，可能会破坏字体大小的变化等。

+ |‾‾‾‾‾‾|
- |______|