/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

0 vote298 views1 answer
Css line-through color
CSS
0 vote300 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote300 views2 answers
Easyui datagrid header color
CSS
2 votes352 views1 answer
Bootstrap dark mode
CSS Bootstrap
0 vote296 views1 answer
How to make bootstrap cards same height css trics
CSS
7 votes291 views3 answers
Rounded input css
CSS
3 votes301 views3 answers
Have background color and background image css
CSS
0 vote315 views1 answer
Disabled attribute on button still showing click animation safari macos
CSS
0 vote311 views1 answer
Cop pics css
CSS
0 vote305 views2 answers
Background image syntax in css if it in folder
CSS