在 Angular2 中使用 css 向 ng2-select2 添加样式

Question

我在我的 Angular2 项目中使用了ng2-select2，我想添加一些样式，例如宽度、高度、边框半径、字体粗细、字体大小……但我无法管理它。

我的 HTML 代码是这样的：

<select2 [data]="exampleData"></select2>

我还尝试将class和id添加到我的select2元素中，但它不起作用。你知道我该怎么做吗？

Answer 1

如果要使用“宽度”，可以将它与 Select2Options 类一起使用。

在你的组件中定义一个 Select2Options 对象：

let options: Select2Options;

设置所需的属性：

this.optionsSelect = {
  placeholder: "Select option...",
  allowClear: true,
  width: "100%"
}

在您的 html 中，将 [options] 输入与您的选项名称一起输入：

<select2 [data]="seccion" [cssImport]="true" (valueChanged)="onSeccionChange($event)" [options]="optionsSelect"></select2>

使用此类，您可以自定义一些内容，例如：添加占位符，或允许保留选择而不进行选择。

就我而言，我正在尝试更改背景颜色，但找不到解决方案。