HTML
Code: Select all
[i]
[/i]
[i][/i]
Code: Select all
:root {
font: 400 16px/1.5 Verdana;
}
#fav {
display: none;
}
.fa{
position: absolute;
right: 1em;
top: 0.5em;
}
.fa-star{
-webkit-text-fill-color: yellow;
-webkit-text-stroke-width: 0.03em;
-webkit-text-stroke-color: black;
}
#fav+label {
display: inline-block;
border: 2px grey;
padding: 0px;
cursor: pointer;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
#fav::after {
color: orange;
}
#fav+label>.fa-star-o {
display: inline-block
}
#fav+label>.fa-star {
display: none;
}
#fav:checked+label>.fa-star-o {
display: none;
}
#fav:checked+label>.fa-star {
display: inline-block
}
Mobile version