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

Question

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

Answer 1

一位慷慨的英雄在闲暇时回答了这个问题。只是把答案移到这里，以便其他人可以使用。

解决方案是在 el 中使用 htmlAttribute，就像 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"
        )

而 class 将是 Html.Attributes.class "className"

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

In elm-ui how do I apply a class or style to an element

html

elm

elm-ui