Problem with CSS before after selectors

#26929

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>

#29541

By the link you may find a list of supported CSS selectors:
https://pd4ml.com/cookbook/pd4ml_proprietary_css_features.htm

I am afraid “before” and “after” pseudo-elements in selectors are not supported

[Author]

Posts