javascript - 如何更改javascript中的css伪元素?

标签 javascript jquery html css pseudo-element

我想通过 javascript 或 jQuery 动态更改 :before css 伪元素的 top 值...我该怎么做?

#buble{

height:70px;
width:980px;
background-color:#bce5a5;
display:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:0px 0px 4px #dadada;
text-indent:35px;
color:#4a8f44;
font-weight:bold;
font-size:14pt;

       }

#buble:before{

content:"";           
display:block;
position:absolute;
top:77px; /* value = - border-top-width - border-bottom-width */
left:555px; /* controls horizontal position */
border-width:11px 7px 0px; /* vary these values to change the angle of the vertex */
border-style:solid;
border-color:#bce5a5 transparent;
width:0;
height:0;
}

最佳答案

据我所知,您不能直接修改伪样式,但您可以将 CSS 插入到 DOMhead 部分,方法是这样,

jQuery

$( "div" ).click(function() {

  $('<style>p:before{top:10px}</style>').appendTo('head');

});

检查这个 Demo jsFiddle

关于javascript - 如何更改javascript中的css伪元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22978452/

相关文章:

javascript - 用 [rgba] 颜色数组填充 Canvas 的快速方法

javascript - 单击按钮时复制 div

表单中的 Javascript 验证

javascript - qTip2 'tip'(箭头)未显示

jquery - Bootstrap Carousel - 根本不循环

html - HTML 中的 TAB 菜单

javascript - 关于 PayPal Pro 付款

javascript - CSS 媒体查询和 Javascript/jQuery 不匹配

jquery - 使用选择器而不是迭代获取文本值数组?

javascript - 如何使用 POST 重定向时通过 onclick 和 POST 数据获取