Question

我遇到以下代码的问题。从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错误，但它无法正常工作

Answer 1

你不能用jquery直接做到这一点。但这里有纯javascript http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

的解决方案

Answer 2

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

Answer 3

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

从jquery添加伪样式

3 个答案: