before after CSS selector are not working

#26928

Hi,
I have below html stream with ‘before’, ‘after’ CSS selectors. In the generated PDF, these styles are missing. Please help.

<style>
.myStyle
{
background: #3fa9f5;
height:30px;
padding-top: 10px;
vertical-align: middle;
position: relative;
color: #fff;
}
.myStyle:before{
content: "";
display: block;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 10px solid #00ffff;
top: 0;
left: 100%;
position: absolute;
}
</style>


<div class="myStyle" align="center">some div content here</div>

[Author]

Posts