如何更改较大类中的一个按钮的外观？

Question

我想在 Vue Modal 中隐藏保存按钮，但是当我像这样访问该按钮时，

.btn.btn-primary {
    display: none;
}

它改变了每个

.btn-primary

的外观。在样式上指定

.modal

不起作用，因为我还有其他模态框也会丢失其按钮。如果我使用

<style scoped>

什么都不会改变。此外，我尝试使用

b-modal

方法，但它们不起作用，因为我的模式使用了一组不同的标准，而不是

b-modal

。有谁有任何我没有尝试过的想法或者更好的方法来实现 css 来隐藏保存按钮？

Answer 1

#modal-id .btn.btn-primary {
    display: none;
}

您可以像上面的样式一样使用模态框的ID。