Just a heads up, you can't simply disregard a CSS styling rule. However, there are ways to override it without tampering with the NG-Bootstrap style sheet.
There are various methods to attach CSS rules to HTML documents, but here are some of the most common ones:
Link an external stylesheet by including a <link> tag in the <head> section of your HTML document:
<head>
<link rel="stylesheet" href="mystylesheet.css" />
</head>
Embed the CSS within your HTML document using a <style> tag:
<style>
background-color: blue;
</style>
Add the CSS inline to specific HTML elements directly through the style attribute:
<div style="background-color:gray;"></div>
The way in which you implement the styles will determine their precedence. Inline styles take priority over embedded styles, and embedded styles take precedence over linked stylesheets.
For instance, if you set a gray background for a particular element inline, and then specify a blue background for that same element in the embedded style section, the inline style will be applied, resulting in a gray background.
In your case, you can either embed the CSS or apply it inline to the elements you wish to modify. By doing so, you can override the styles in the NG-Bootstrap style sheet without modifying it.