0

以下代码有问题。从 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>

不会有任何 jquery 错误，但它不工作

4

3 回答 3

2

您不能直接使用 jquery 执行此操作。但是这里使用纯javascript解决方案http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

于 2013-09-14T10:40:16.663 回答
1

伪元素不是 JavaScript 可定位的 DOM 元素。

于 2013-09-14T10:35:58.107 回答
1

伪元素不是 DOM 元素，因此您无法使用 JavaScript 或 jQuery 访问它们。

于 2013-09-14T10:38:18.190 回答