/* ==========================================================================
custom.bs5.css
color will be black if not flagged and not open
I'm trying to use a custom icon inside of a bootstrap button, this is the html part:
and on the stylesheet have this:
.icon-play {
background-image : url(../img/Clock-Play.png) no-repeat;
background-position: center center;
}
but the icon is not showing inside the button...please help...thanks
First of all your element doesn't have a height and width property.
But adding height and width alone wouldn't do what you want because is an inline element
so you want to add another property as well i-e. display: inline-block
Then the last thing to make it perfect would be to add background-size: cover
(to adjust icon exactly into its container element)
.icon-play{
background-image : url(../img/Clock-Play.png);
background-size: cover;
display: inline-block;
height: 15px;
width: 15px;
}
https://dev.to/lissy93/super-useful-css-resources-1ba3
https://hianna.tistory.com/753 <== box-shadow 설명, 깔끔
class_menu 전체 구현