/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

8 votes192 views2 answers
Reset submit input style
CSS
18 votes289 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
-1 vote142 views1 answer
Html sticky
CSS
0 vote180 views1 answer
Css file not getting captured in laravel project
CSS
3 votes186 views1 answer
Convert angular project from css to scss
CSS
0 vote235 views1 answer
CSS logo left and navigation right
CSS
2 votes207 views2 answers
Test shadow css
CSS
0 vote226 views2 answers
Styling links within a class except the last one
CSS
0 vote193 views1 answer
Flutter replacement for flatbutton
CSS
2 votes142 views1 answer
Function debounce
CSS