如何修改<a-modal>公共样式

要修改<a-modal>公共样式，你可以使用以下方法：

1. 使用全局样式表：你可以在全局样式表中使用CSS选择器来修改<a-modal>的样式。你可以使用类选择器、id选择器或元素选择器来指定<a-modal>的样式，并进行相应的修改。例如，你可以使用以下CSS代码来修改<a-modal>的标题颜色：

a-modal .modal-title {
  color: red;
}

2. 使用内联样式：如果你只想修改特定的<a-modal>实例的样式，你可以使用内联样式来修改。在<a-modal>组件的标签中，你可以添加style属性来指定相应的样式。例如：

<a-modal style="color: red;">
  ...
</a-modal>

3. 使用CSS变量：如果你希望在多个地方使用相同的样式变量，可以使用CSS变量来修改<a-modal>的样式。你可以在全局样式表中定义CSS变量，并在<a-modal>的样式中使用这些变量。例如：

:root {
  --modal-title-color: red;
}

a-modal .modal-title {
  color: var(--modal-title-color);
}

总的来说，你可以使用全局样式表、内联样式或CSS变量来修改<a-modal>的公共样式。根据需要选择合适的方法来修改样式，并确保修改后的样式能够正确地应用到<a-modal>组件中。