如何访问元素 UI 库复选框并添加显示：无？

问题描述

有什么方法可以将 display: none 添加到 Element 复选框的样式中？它有 class="el-checkBox__inner"。

当我将 display 更改为 none 时，在浏览器中它消失了，但我无法在代码中访问该元素。

我试过了：

.el-checkBox__inner { 
    display: none !important 
}

但是没有用。

当我使用时：

label { 
    display: none !important 
}

所有元素都消失了（应该如此）。

当我使用时：

label span { 
    display: none !important 
}

title 元素消失了（应该的）。

当我使用时：

label span span { 
    display: none !important 
}

它不起作用。

我尝试使用 :nth-of-type() 和 :nth-child()，但它们没有帮助。

有人知道如何访问复选框元素吗？

截图和代码：

<el-checkBox-group v-model="itemsToBeBought">
    <el-checkBox
        v-for="(item,index) in shopItems"
        :label="item"
        :ref="item.category"
        :key="index"
    >
        <el-row>
            <el-card :body-style="{ padding: '0px' }">
                <img :src="item.image" class="image" />
                <div style="padding: 14px">
                    <span>{{ item.category }}</span>
                    <div class="bottom clearfix"></div>
                </div>
            </el-card>
        </el-row>
        <el-button
            class="showDetailsButton"
            type="info"
            icon="el-icon-message"
            @click="showDetails(item)"
        >ShowDetails</el-button>
    </el-checkBox>
</el-checkBox-group>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

display vue.js