/CSS/Dropcap - :first-letter pseudo class not working as expected in firefox

Dropcap - :first-letter pseudo class not working as expected in firefox

.dropcap:first-letter {
    font-size: 3em;
    float: left;
    margin-top: .15em;
    padding: 2px 20px;
    border-radius: 6px;
    margin-right: 15px;
    padding: 3px 22px;
}
@-moz-document url-prefix() {
.dropcap:first-letter {
padding: 15px 20px;
}
}

.dropcap.dc-bg-primary:first-letter {
    background-color: #1a73e9;
    color: #fff;
}

Source: stackoverflow.com

Similar codes

2 votes310 views1 answer
Bootstrap 5 auto darkmode 5
CSS
81 votes342 views3 answers
Css all uppercase to capitalize
CSS
22 votes315 views2 answers
Rgb white
CSS
0 vote295 views1 answer
Line in css div
CSS
34 votes317 views6 answers
Color gradient for text
CSS
115 votes328 views6 answers
Css padding
CSS
0 vote308 views1 answer
Nuxt JisonLexerError: Lexical error on line 1: Unrecognized text.
CSS
0 vote304 views2 answers
Can i use css in react native
CSS
36 votes274 views6 answers
Css color
CSS
2 votes301 views1 answer
Putting label on top of input css
CSS