Javascript 在vuetify中的fab按钮上添加覆盖

Javascript 在vuetify中的fab按钮上添加覆盖,javascript,html,vue.js,vuetify.js,Javascript,Html,Vue.js,Vuetify.js,正如您在下面的代码片段中所看到的,覆盖并没有得到fab按钮的圆形形式。我怎样才能做到这一点 newvue({ el:“#应用程序”, vuetify:新的vuetify(), 数据(){ 返回{ 选择:[{ 文本:“Foo”, 正确:正确 }, { 文字:“酒吧”, I正确:错误 } ] } } }) B A. 尝试添加以下CSS规则,不要忘记将类添加到您的btn(class=“btn--overlayed”): .btn--覆盖的.v-btn\u内容{ 位置:静态; } .btn--叠加的

正如您在下面的代码片段中所看到的,覆盖并没有得到fab按钮的圆形形式。我怎样才能做到这一点

newvue({
el:“#应用程序”,
vuetify:新的vuetify(),
数据(){
返回{
选择:[{
文本:“Foo”,
正确:正确
},
{
文字:“酒吧”,
I正确:错误
}
]
}
}
})

B
A.

尝试添加以下CSS规则,不要忘记将类添加到您的
btn
class=“btn--overlayed”
):

.btn--覆盖的.v-btn\u内容{
位置:静态;
}
.btn--叠加的.v-叠加{
边界半径:50%;
}
代码片段

newvue({
el:“#应用程序”,
vuetify:新的vuetify(),
数据(){
返回{
选择:[{
文本:“Foo”,
正确:正确
},
{
文字:“酒吧”,
I正确:错误
}
]
}
}
})
.btn--覆盖的.v-btn\u内容{
位置:静态;
}
.btn--叠加的.v-叠加{
边界半径:50%;
}

B
A.