☰

プレースホルダーでFont Awesomeアイコンを使用する 質問する

tag-icon • tag-icon html font-awesome placeholder
プレースホルダーでFont Awesomeアイコンを使用する 質問する

プレースホルダーで Font Awesome Icon を使用することは可能ですか? プレースホルダーでは HTML は許可されていないと読みました。回避策はありますか?

placeholder="<i class='icon-search'></i>"

ベストアンサー1

これを使用している場合はFontAwesome 4.7十分でしょう:

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>

<input type="text" placeholder="&#xF002; Search" style="font-family:Arial, FontAwesome" />

16進コードのリストは、Font Awesome チートシートただし、最新の FontAwesome 5.0 では、この方法は機能しません (更新された と組み合わせて CSS アプローチを使用した場合でもfont-family)。

おすすめ記事