Html 更改内置CSS属性

Html 更改内置CSS属性,html,css,angular,Html,Css,Angular,我有一个我继承的组件,包括它的css样式,我想更改它的一个属性 这是当前的CSS: .captcha主图像{ 宽度:100%; 高度:自动; } 您可以添加具有“最大宽度”属性的类来限制宽度,例如: .captcha-main-image { max-width: 100px; } 您可以添加具有“最大宽度”属性的类来限制宽度,例如: .captcha-main-image { max-width: 100px; } 因为,只有将替代放在应用程序的主样式表中时,才能替代它 在应

我有一个我继承的组件,包括它的css样式,我想更改它的一个属性

这是当前的CSS:

.captcha主图像{ 宽度:100%; 高度:自动; }
您可以添加具有“最大宽度”属性的类来限制宽度,例如:

.captcha-main-image {
   max-width: 100px;
}

您可以添加具有“最大宽度”属性的类来限制宽度,例如:

.captcha-main-image {
   max-width: 100px;
}
因为,只有将替代放在应用程序的主样式表中时,才能替代它

在应用程序的styles.css(应用程序的主scss文件,即agular.json中提到的文件)中,添加覆盖:

.captcha-main-image {
   width: <your-value>
}
通常情况下!重要信息不是必需的。仅在需要时使用它。

因为,只有将替代放在应用程序的主样式表中时,才能替代它

在应用程序的styles.css(应用程序的主scss文件,即agular.json中提到的文件)中,添加覆盖:

.captcha-main-image {
   width: <your-value>
}

通常情况下!重要信息不是必需的。仅在需要时使用它。

如果要在组件添加中重写类!重要的事情会有帮助
或者,如果您想覆盖该组件外部的css,请使用::ng deep.captcha主图像即可。

如果您想覆盖组件添加内部的类!重要的事情会有帮助
或者,如果您想覆盖该组件之外的css,请使用::ng deep.captcha主图像即可。

当然可以使用!重要的是,您也可以通过使用Javascript来实现这一点。唯一的问题是你想什么时候改变宽度?寻找原始组件正在使用的类。然后用!重要的标签。当然你可以用它!重要的是,您也可以通过使用Javascript来实现这一点。唯一的问题是你想什么时候改变宽度?寻找原始组件正在使用的类。然后用!重要标记。最大宽度不覆盖宽度,它只对宽度的值设置上限。是的,措辞不正确,但结果将达到预期效果,假设“宽度”值设置为100%。将修改,谢谢。max-width不会覆盖width,它只会对width的值设置一个上限。是的,措辞不正确,但结果将达到预期效果,假设“width”值设置为100%。将修改。ng-deep已弃用。ng-deep已弃用。