【问题标题】:Access pseudo class element attribute width from scss从 scss 访问伪类元素属性宽度
【发布时间】:2017-08-29 00:48:06
【问题描述】:

我正在尝试通过属性更改伪类元素的宽度和高度。我这样做是因为我无法更改 javascript 中的伪元素。我的代码有什么问题? Mozilla说它的可能: https://developer.mozilla.org/en/docs/Web/CSS/attr#Examples

.loader::before {
height: 30px;
width: attr(data-width);
display: block;
position: absolute;
background-color: red;
content: '';}

javascript:

$('.loader').attr('data-width', '100px');});

https://jsfiddle.net/9j2pbbzd/

【问题讨论】:

  • “Mozilla 说它可能” - 向下滚动到浏览器兼容性部分 ...
  • 好吧,我错过了。谢谢
  • jsfiddle.net/CaioToOn/wp7Wc/4这就是你想要的?

标签: javascript jquery html css sass


【解决方案1】:

请注意,目前您可以将attr() 用于content 属性。看看这个类似的答案https://stackoverflow.com/a/27529435/1849721

【讨论】:

    【解决方案2】:

    如果您创建一个具有您希望伪元素具有的宽度/高度的类,并使用 JS 根据需要添加/删除这些类怎么办?

    【讨论】:

      猜你喜欢
      • 2014-07-15
      • 1970-01-01
      • 2012-05-08
      • 2011-09-29
      • 2014-07-31
      • 1970-01-01
      • 1970-01-01
      • 2021-04-28
      • 1970-01-01
      相关资源
      最近更新 更多