Question

我是React的新手，我试图对特定输入及其占位符强制使用字体样式。这会加载除我的CustomFontStyle之外的所有内容。有人知道我在想什么吗？

import 'styles/utilities.scss';
useEffect(() => {
        const baseFieldStyles = {
            color: '#e60000',
            font: 'normal 400 0.875em CustomFontStyle'
        };

        const myConfiguration = {
            onFieldEventHandler: {
                onFocus: tagId => {
                    setFocus(tagId);
                },
                onBlur: () => {
                    setFocus('');
                }                
            },
            expirationDatePlaceHolder: 'MM/YY',
              style: {
                  input: {
                      ...baseFieldStyles
                  },
                  '::placeholder': {
                      ...baseFieldStyles
                  },
                  span: {
                      ...baseFieldStyles,
                      'line-height': '30px'
                  }
              }
        };
    }, [
        staticData.getSection,
        shouldRenderFields
    ]);

utilities.scss

@import '~styles/_globals.scss';

@font-face {
    font-family: 'CustomFontStyle';
    font-style: normal;
    font-weight: 300;
}

Answer 1

如果要使用:: placeholder .....，则必须使用 opacity：1

如何在React钩子useEffect中添加自定义CSS

1 个答案: