KotlinJS 中 HTML 元素的样式属性

Question

我想在 KotlinJS 中使用以下 HTML 代码：

<div style="background: -webkit-linear-gradient(270deg, rgb(84, 83, 97), rgb(25, 34, 99), rgb(49, 70, 180));" class="page-header align-items-start min-vh-100"></div></div>

它将style 修饰符添加到div 标记。有没有办法为这个样式修饰符提供background 属性？

以下代码不起作用：

 div("page-header align-items-start min-vh-100") {
                attrs.style = kotlinext.js.js {
                    background = "-webkit-linear-gradient(270deg, rgb(84, 83, 97), rgb(25, 34, 99), rgb(49, 70, 180));"
                }
            }

Answer 1

试试kotlin-styled 或kotlin-styled-next。