内置函数中的自定义属性,如 `rgba()` 抛出错误


Error evaluating function `rgba`: color functions take numbers as parameters

示例代码:

.box-1 {
      width: 50px;
      height: 50px;
      margin-bottom: 30px;
      background: rgba(@primaryColor, 1);
      border: 5px solid skyblue;
    }
:roots { --color-accent: 169,57,255; }

button:hover { background-color: rgba(var(--color-accent), 0.2); color: rgb(var(--color-accent)); }
 

 

修改之后:

 

    .box-1 {
      width: 50px;
      height: 50px;
      margin-bottom: 30px;
      background: ~"rgba(@primaryColor, 1)";
      border: 5px solid skyblue;
    }

:roots { --color-accent: 169,57,255; } button:hover { background-color: ~"rgba(var(--color-accent), 0.2)"; color: ~"rgb(var(--color-accent))"; }
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM