Как добавить значок материала в заполнитель тега ввода - PullRequest
Новая
       41

Как добавить значок материала в заполнитель тега ввода

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

у меня есть входной тег в соответствии со следующим 

 <input type="text" placeholder="search place../>

Я хочу добавить значок материала <i class="medium material-icons">location_on</i> в заполнитель с этим заголовком



can кто нибудь подскажите пожалуйста как это сделать? Я уже включил таблицу стилей ссылки на значок материала в HTML файл 

  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

1 Ответ

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

Попробуйте: 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/solid.css">

<input
  type="text"
  placeholder="&#xf689; Search place..."
  style="padding: 5px; font-family: Arial, 'Font Awesome 5 Free';"
/>

Надеюсь, это поможет, просто поиграйте с некоторыми отступами и css, чтобы сделать его лучше

...