The postcss child node setting style in vuejs does not work, and the parent node is successful

<style lang="postcss" scoped>
@import "@pages/job-manager/create-job.css";
.left{
    width:700px !important;
}
.vue-input-tag-wrapper{
    line-height: 20px;
    border: 1px solid -sharpdddee1;
    border-radius: 4px !important;
    box-shadow: 0px 0px 0px -sharpdddee1;
    //
    & .input-tag {
        background-color: -sharp008bee;
        border-radius: 4px;
        border: 1px solid -sharp008bee;
        & .remove{
            color: -sharpfff;
            padding: 0 5px;
        }
    }
}

</style>
<Row>
    <Col span="24">
        <FormItem label="">
            <input-tag :tags.sync="positionForm.items.welfareLabel" placeholder=""></input-tag>
        </FormItem>
    </Col>
</Row>

clipboard.png

Mar.18,2021
Menu