我正在创建一个自定义元素,其中包含默认(即未命名)插槽和一些已命名的插槽。我特别想为其中一个命名槽的内容设置样式,而不是其他任何样式。
有没有一种选择特定命名插槽的方法。
作为我想做的事情的一个示例,我的自定义元素包含一个对话框-像这样:
<dialog>
<slot></slot> <!-- general content -->
<div class="buttons">
<slot name="action"></slot>
<slot name="cancel"></slot>
</div>
</dialog>
我想将所有操作按钮设置为纯色,取消按钮设置为更褪色的颜色。