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

Question

如果我需要作弊并为 Elm-UI 不支持的内容使用 css 类(例如 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"
        )

一个类(class)将是 Html.Attributes.class "className"