Question

我的输入标签如下所示：

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

我要向带有这些标题的占位符添加一个材料图标<i class="medium material-icons">location_on</i>

谁能告诉我该怎么做？我已经在HTML文件中包含了材料图标链接样式表

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

Answer 1

尝试一下：

<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使其更漂亮

如何在输入标签的占位符中添加材料图标

1 个答案: