Angular 更改ngx ui开关2的按钮样式

我用的是开关按钮。我想给按钮定制尺寸

这个插件生成了一些在我的项目文件夹中找不到的css

如果我尝试手动更改它，比如

。switch small[\u ngcontent-c20]{size:40px}

不起作用。请帮忙

原始HTML

---

您无法使用前面添加的

ng

标识符更改组件本身的CSS，因此请尝试添加一个真正的类，而不是作为样式规则的

float left

。创建一个类

customSwitch

（替换

float:left

）。在CSS中添加

---

.switchCustom{float:left；width:100px}

+remove

size=small

在尝试设置宽度时，它看起来像是一个可能会冲突的参数。

您不能使用前面添加的

ng

标识符更改组件本身的CSS，因此，尝试添加一个真正的类，而不是

float left

，这是一个样式规则。创建一个类

customSwitch

（替换

float:left

）。在CSS中添加

---

.switchCustom{float:left；width:100px}

+remove

size=small

在尝试设置宽度时，它看起来像是一个可能存在冲突的参数。

对于那些想要更改UI开关CSS的人，请使用

：ng deep

和

！重要提示

。就我的情况而言，这才有效

例如：

::ng-deep .switch-small.checked small {
    left: 16px !important;
}

---

对于想要更改UI开关的CSS的用户，请使用

：：ng deep

和

！重要提示

。就我的情况而言，这才有效

例如：

::ng-deep .switch-small.checked small {
    left: 16px !important;
}

---

我在UI开关创建黑色边框/轮廓时遇到问题，单击后，我可以确认上述krithika的解决方案有效：

::ng-deep button.switch {
  outline: none !important;
}

---

我在UI开关创建黑色边框/轮廓时遇到问题，单击后，我可以确认上述krithika的解决方案有效：

::ng-deep button.switch {
  outline: none !important;
}

---

我做了，但仍然无法更改按钮的大小

。切换小[\u-ngcontent-c20]{宽度：33px；高度：20px；边框半径：20px；}

删除CSS中的[\u-ngcontent]这是一个生成的值我做了，但仍然无法更改按钮的大小

。切换小[\u-ngcontent-c20]{width:33px；height:20px；border radius:20px；}

Remove[\ngcontent]在CSS中它是一个生成的值