稳定点行不行
稳定点行不行
  • 发布:2020-12-26 09:23
  • 更新:2020-12-26 12:05
  • 阅读:753

【修改元素css3变量属性】请问怎么修改css3变量?

分类:uni-app

1.H5可以通过原生js操作Dom,修改css自定义的变量

<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Title</title>  
    <style>  
        :root {  
            --color: #7f8c8d;  
            --spacing: 20px;  
        }  
        div.colors{  
            height: 100px;  
            width: 100px;  
            background-color: var(--color);  
            padding: var(--spacing);  
        }  
    </style>  
</head>  
<body>  
<div class="colors">  

</div>  
<div class="actions">  
    <a class="red">div红色</a>  
    <a class="blue">div蓝色</a>  
</div>  
</body>  
<script>  
    var btnColorRed = document.querySelector('.red');  
    var btnColorBlue = document.querySelector('.blue');  
    var root = document.querySelector(':root');  
    btnColorRed.addEventListener('click', function() {  
        root.setAttribute('style', '--color: #e74c3c');  
    });  

    btnColorBlue.addEventListener('click', function() {  
        root.setAttribute('style', '--color: #3498db');  
    });  
</script>  
</html>
  1. 但是uni中元素没有setAttribute方法修改,元素的属性
2020-12-26 09:23 负责人:无 分享
已邀请:
DCloud_uniCloud_JSON

DCloud_uniCloud_JSON

dom操作的话你打开审查元素观察一下。有些标签并不是你所理解,而是内置组件。

  • 稳定点行不行 (作者)

    要理解我的意思哈,H5的dom怎么操作这个不重要,我就只想知道uni-app怎么通过js修改sass变量。

    2020-12-31 10:35

该问题目前已经被锁定, 无法添加新回复