在 elm-ui 中，如何将类或样式应用于元素

问题描述

如果我需要作弊并为 Elm-UI 不支持的内容使用 css 类（例如 backdrop-filter），我该怎么做。我搜索了 slack 并找到了 htmlAttribute <| Html.Attributes.style "filter" "blur(xyz)"，但我不明白如何将其应用于 Element 。谢谢！

解决方法

这是一位慷慨的英雄松懈的回答。只需将答案移到此处，以便其他人可以使用。

解决方案是在 htmlAttribute 中使用 el，就像使用 centerX、spacing ~~ 等一样！

module Main exposing (main)

import Browser
import Element as E
import Html.Attributes


main =
    E.layout []
        (E.el
            [ E.htmlAttribute (Html.Attributes.style "color" "red")
            ]
         <|
            E.text "foo"
        )

一个类是 Html.Attributes.class "className"