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

我在我的Angular2项目中使用，我想添加一些样式，如宽度、高度、边框半径、字体重量、字体大小等。。。但我没办法

我的Html代码如下所示：

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

---

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

你必须使用回购描述中提到的

宽度
属性，如下所示

<select2 [width]="dynamic_width"></select2>



从这里引用


否则，您可以使用
ngStyle
或
ngClass
动态绑定到样式（PS:-未测试）
您必须使用repo描述中提到的
宽度
属性，如下所示

<select2 [width]="dynamic_width"></select2>



从这里引用


否则，您可以使用
ngStyle
或
ngClass
对样式进行动态绑定（PS:-未测试）
您可以尝试自定义组件

您可以尝试自定义组件

如果要使用“宽度”，可以将其与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>



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

在我的例子中，我试图更改背景颜色，但找不到解决方案。
如果要使用“宽度”，可以将其与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>



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

在我的例子中，我试图改变背景颜色，但我找不到解决方案。
是的，但只有宽度，而且它应该只用于内联。如果你把它放在css文件中，它就不起作用了。不，它在css中不起作用，你必须在HTML本身中设置，也就是宽度，因为repo的作者在这里只提到了宽度。请参阅附加的链接@Kavoos@pardeepjain_90，我找到了一个解决办法！我需要打开Chrome控制台。在那里，您可以看到元素被转换为不同的元素，我必须找到它们使用的正确类，然后覆盖它们。无论如何，这很烦人！很好，如果你找到了解决方案，是的，剩下的唯一选项是忽略元素的默认类。是的，但只是宽度，它应该只用于内联。如果你把它放在css文件中，它就不起作用了。不，它在css中不起作用，你必须在HTML本身中设置，也就是宽度，因为repo的作者在这里只提到了宽度。请参阅附加的链接@Kavoos@pardeepjain_90，我找到了一个解决办法！我需要打开Chrome控制台。在那里，您可以看到元素被转换为不同的元素，我必须找到它们使用的正确类，然后覆盖它们。无论如何，这很烦人！很好，如果您找到了解决方案，是的，唯一剩下的选项是忽略元素的默认类。对于您的背景情况，您可以添加选项选择具有所需样式的属性dropdownCss，例如：
dropdownCss:{backgroundColor:'red'}
，对于您的背景情况，您可以添加选项选择具有所需样式的属性dropdownCss，例如：
dropdownCss:{backgroundColor:'red'}