отображение фонового изображения с использованием эмоций css - PullRequest
Новая
       4

отображение фонового изображения с использованием эмоций css

0 голосов
/ 28 января 2020

Я пытаюсь показать фоновое изображение на элементе ввода, используя эмоции css. Но пока я не могу это сделать. Это то, что я пытался импортировать эмоции css и изображение 

    import styled from "@emotion/styled"
    import IconError from "../images/icon-error.svg";

Я определил стилизованный элемент ввода 

  const Input = styled.input(
   {
     background: `url(${IconError})`
   }
 )

Наконец, я использовал элемент ввода внутри формы 

    return (
      <Form className="email-form" onSubmit={handleSubmit}>
        <Input id="email" type="text" name="email"
        placeholder="Email Address" aria-label="Email input"/>
        <Button className="submit" type="submit" aria-label="Submit button">
        </Button>
       </Form>
    );

Я вижу все остальные стили, но фонового изображения нет.

...