Mat select not displaying properly when background color is set

i have a met-select that is mat select not displaying properly when background color is set. when i remove the background color, it displays fine. i am using scss.

this is a part of the Angular 11 Tutorial: Code a Project from Scratch course

thank you for your help

Without seeing your code, I don’t think there’s a way we can help you find your error.

it is an angular app
html file code:

Sort Name Released Added Created Updated Rating Metacritic

styles.scss:

body {
font-family: Roboto, Helvetica, sans-serif;
background-color: #151515;
padding-top: 60px;
height: 100%;
}

body * {
font-family: Roboto, Helvetica, sans-serif;
background-color: #151515;
margin: 0;
padding: 0;
box-sizing: border-box;
}

when you comment out the background-color: #151515; , the mat-select displays correctly

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.