Vue.js 定制iViewUI<；标签>；成分

我正在使用我的标记组件，但我想自定义它的大小和“X”关闭按钮的位置

我可以通过简单地向标记中添加一个类来更改宽度，但是出于某种原因，即使我尝试覆盖它的子图标，也没有响应更改，没有应用它。已在浏览器上选中，也未将其添加到浏览器中

这就是我到目前为止所做的：

<Tag class="Badge-tag" color="warning" closable @on-close="removeTag">{{ badge }}</Tag>

---

我一点运气都没有。我不知道为什么不设置它。

如果您将上面的css作为全局css，我认为它应该可以工作

我在上创建了一个演示，请检查

如果您使用范围限定的css，您可以尝试使用

---

是否使用范围css？此css的范围是有限的，因为它仅用于此模板中。但我尝试将其添加到一个非作用域标记中，但它也没有应用。@ittus奇怪的是，我可以针对

.ivu标记

并修改它，但我不能通过CSS/LESS针对它的任何子项。你在使用

CSS

还是

scss

？@ittus我在使用lesswow！！！！你是个野兽。我会尽快测试它！非常感谢你！我试图在iViewUI上发布一个功能请求，但他们以一句评论结束了它，如：“不会发生”。。有点粗鲁。谢谢你，伙计！天哪！这完全有效！我甚至不知道这里有一个/deep/property O_oooo，但它起了作用！非常感谢你，伙计

.Badge-tag {
    width: 60px;
    position: relative;

    .ivu-icon.ivu-icon-ios-close {
        position: absolute;
        right: 2px;
        top: 4px;
    }
}

.Badge-tag {
    width: 60px;
    position: relative;

    /deep/ .ivu-icon.ivu-icon-ios-close {
        position: absolute;
        right: 2px;
        top: 4px;
    }
}