reactjs 流畅的用户界面样式，未定义边框

bmp9r5qi 于 2023-02-12 发布在 React

关注(0)|答案(1)|浏览(102)

我正在使用流畅的用户界面，其中使用Griffel作为样式。当我尝试提供边框时：“none”将抛出字符串无法赋值给undefined的错误

import {makeStyles} from "@fluentui/react-components";
export const settingsButtonStyle = makeStyles({
    root: {
      border: "none",
      background: "#E5E5E5",
      marginRight: "13px"
    },
    rootHovered: {
      background: "#E5E5E5",
    }

});

reactjs

来源：https://stackoverflow.com/questions/75284174/fluent-ui-styling-border-is-not-defined

1条答案

按热度按时间

yx2lnoni1#

GriffelJS试图创建原子CSS类，所以它们不支持CSS简写（如边框或背景）。但是有一个名为shorthands的帮助函数来管理其中的一些。背景不包括在帮助函数中，所以你应该使用特定的CSS属性。所以你的代码应该如下所示：

const useStyles = makeStyles({
    root: {
        ...shorthands.border("0"),
        // or
        ...shorthands.borderStyle("none"),
        backgroundColor: "#E5E5E5",
        marginRight: "13px"
    },
})

您可以在GriffelJS的文档shorthands - GriffelJS中找到有关速记的更多信息

赞(0）回复(0）举报 2023-02-12

我来回答

reactjs 流畅的用户界面样式，未定义边框

1条答案

相关问题

热门标签

最新问答