Having some trouble with this code snippet. The issue arises when trying to apply the following style using jQuery.
CSS
.arrow_box {
position: absolute;
width: 24px;
border-radius: 30px 30px 3px 3px;
height: 17px;
float:left;
}
.arrow_box:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 14px;
left: 0%;
}
jQuery
<script type="text/javascript">
$(document).ready(function () {
$('.arrow_box:after').css({
"border-color": "red",
"border-top-color": " #88b7d5",
"border-width": "12px",
"left": "0%"
});
});
</script>
Despite no jQuery errors, the desired functionality is not being achieved.