vue中的樣式穿透

組件內的結構如下：

<template>
    <div class="box">
        <Input class="input-test" type="text" />
        <Input type="text" />
    </div>
</template>
<script>
export default {
  
}
</script>

sass中：

<style lang="sass" scoped>
    .input-test /deep/ .ivu-input:focus
        border-color: yellow
</style>

css中：

<style scoped>
    .input-test >>> .ivu-input:focus {
        border-color: yellow;
    }
</style>