Having an issue with my code where I set a z-index in the CSS like this:
.mat-mini-fab {
position: absolute;
right: 5px;
top: 4px;
z-index: 999;
box-shadow: none !important;
}
However, whenever I visit my site, the z-index is not being applied. When checking in the developer console, there is always a "#" in front of the value, for example z-index: #999. I'm unsure why this is happening.
This has been tested on Chrome and Firefox. I have double-checked my code and am positive that I didn't add the "#" before the value.
Interestingly, when changing the z-index to 1000, the "#" disappears, but if it's below 1000, the "#" appears again. Any idea what kind of bug this could be?