Question

使用React Material UI库中的Input组件（v1.0 beta），我试图删除使用伪元素渲染的下划线。

const styleSheet = createStyleSheet('searchInput', () => ({
    underline: {
        '&:before': {
            height:0
        }
    }
}));

const SearchInput = ({ classes, placeholder, value, onChange }) => {
    return (
        <Input
            classes={classes}
            placeholder={placeholder}
            value={value}
            onChange={onChange} />
    );
};

当我尝试定位&:before时，我收到以下错误。覆盖样式并删除此下划线的正确方法是什么？

警告：Material-UI：密钥   .searchInput-underline-1572343541:before提供给班级   属性对象未在Input中实现。

您只能覆盖以下某项内容：   根，formControl，inkbar，误差，输入，禁用，聚焦，下划线，多行，inputDisabled，inputSingleline，inputMultiline，FULLWIDTH，标签   + .MuiInput-formControl-583691922，.MuiInput-inkbar-171024778：after，.MuiInput-inkbar-171024778.MuiInput-focused-2315792072：after，.MuiInput-error-3674946725：after，.MuiInput-input-3582851417 :: - WebKit的输入占位符，.MuiInput输入-3582851417 :: - MOZ占位符，.MuiInput输入-3582851417：-MS-输入占位符，.MuiInput输入-3582851417 :: - MS-输入占位符，.MuiInput - 输入-3582851417：专注，.MuiInput输入-3582851417 :: - WebKit的搜索装饰，标签   + .MuiInput-formControl-583691922＆gt; .MuiInput-input-3582851417，label + .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417 :: - webkit-input-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417 :: - moz-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417：-ms-input-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417 :: - ms-input-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417：focus :: - webkit-input-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417：focus :: - moz-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput-input-3582851417：focus：-ms-input-placeholder，label +   .MuiInput-formControl-583691922＆gt;   .MuiInput输入-3582851417：聚焦:: - MS-输入占位符，.MuiInput下划线-892978022：前，.MuiInput下划线-892978022：悬停：否（.MuiInput禁用-265053423）：之前，.MuiInput-强调-892978022.MuiInput禁用-265053423：前

Answer 1

将css标记放入app.css，它对我有用。因为它使用基本标签
一种 { 文字修饰：无 }

从输入组件材质UI（v1.0 Beta）中删除下划线

1 个答案: