Как изменить цвет фона флажка в теге стиля области?

Question

Я использую bootstrap V4 с vue.js

Я пытаюсь поменять background-color синий флажок, который по умолчанию на зеленый.

, но когда я делаю это,сработало.

 <b-form-checkbox v-model="small">small</b-form-checkbox>


 <style>
    [type=checkbox]:checked+label:before {
        background-color: palegreen !important;
    }

</style>

Но, когда я добавил атрибут scoped в тег стиля: