如何在输入标记的占位符中添加材质图标

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，使其更好的