1. 在 HTML 模板中，设置选择框的 class 绑定：

    // select options

2. 在 Component 类中，定义 selectClass 变量并在 onChange 函数中根据选择的选项更改其值：

export class MyComponent {
    selectClass = ''; // 初始值设为空字符串

    onChange(event) {
        const selectedOption = event.target.value;
        if (selectedOption === 'option1') {
            this.selectClass = 'class1';
        } else if (selectedOption === 'option2') {
            this.selectClass = 'class2';
        } else {
            this.selectClass = '';
        }
    }
}

3. 样式表中，设定不同选择框类的样式：

.class1 {
    background-color: red;
}
.class2 {
    background-color: blue;
}