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

Question

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

Answer 1

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

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"