0

I am trying to figure out a way to hide deep-linked and styled buttons after they have been clicked on an Email Message. although simple to achieve when writing and testing with html as seen below. <style> .targeted { display: flex; flex: right; } div[id*="n"]:target .targeted { display: none; } </style> <div> <div id="n2"> <div class="targeted"> <a href="#" id="n3"style="display:block;text-align:center;background-color:chartreuse;color:#fff; width: 10rem;border-radius: 5%;border: inset 1px black;text-shadow: black 1px 1px;line-height: 1.5rem;">Query Purchase</a> <a href="#n2" style="display:block;text-align:center;background-color:gold;color:#fff; width: 10rem;border-radius: 5%;border: inset 1px black;text-shadow: black 1px 1px;line-height: 1.5rem;">Accept Purchase</a> </div> </div> </div> Above html should resemble the same as above and when clicking on accept then both buttons need to disappear. This code seems to work fine on html, surely one would expect the same thing to behave / resemble on an email message? but when using some of the code to construct the html text when writing the an email message in a change variable activity... '<style> .targeted'+$V+' { display: flex; } div[id="x_n21"]:target .targeted'+$V+' { display: none; } </style> <div> <div id="n2'+$V+'"> <div class="targeted'+$V+'"> '+ '<a id="n3'+$V+'" href="'+ $AppUrl+'/link/acceptance/?__uuid='+$Iterator/ReferenceAcceptEstimate+'"style="display:block;text-align:center;background-color:chartreuse;color:#999; width: 9rem;border-radius: 5%;border: inset 1px black;text-shadow: black 1px 1px;line-height: 1.5rem;"> Accept '+$TransactionType_/Name+' </a>'+ '<a href="'+ $AppUrl+'/link/estimaterfi/?__uuid='+$Iterator/ReferenceAcceptEstimate+'"style="display:block;text-align:center;background-color:gold;color:#999; width: 9rem;border-radius: 5%;border: inset 1px black;text-shadow: black 1px 1px;line-height: 1.5rem;"> Query '+$TransactionType_/Name+' </a>'+ '</div> </div> </div> '+ '<br>'+ $msg_ops     its doesn’t  seem to render same css when this is printed onto an interactive email message. The buttons don’t disappear as expected when clicked on / targeted   anybody have an ideas / alternatives how to make html elements on an email message interactive? when inspecting the email message: I do notice that some of the style imprints don’t come out right as expected and events for hiding the buttons are missing, why does email the email not render css events?

asked 2020-06-30

1 answers