Within an HTML form, there are two buttons set up as follows:
<button kmdPrimaryButton size="mini" (click)="clickSection('table')">Table View</button>
<button kmdPrimaryButton size="mini" (click)="clickSection('chart')">Chart View</button>
The goal is to customize the buttons with style using CSS instead of adding the style attribute directly within the button tag. Despite creating a CSS file and linking it in the component.ts file, the defined styles are not applying to the buttons on the webpage.
Attempts have been made to add styling using:
button {
margin:8px;
color:#ED7700;
}
As well as trying with .button, but neither approach has been successful. Is there a different method to apply styles to the buttons mentioned above?
Edit 1The linking of files in the ts file is as follows:
@Component({
selector: 'app-control-validation',
templateUrl: './controlval.component.html',
styleUrls: ['./controlval.component.css']
})
The filename being referred to is controlval.component.ts.