Closed1

fontawesome5をinputタグのplaceholderにする方法

環境

  • laravel 8
  • php 7.3
スタイル prefix font-weight
Solid fas 900(Free)
Regular far 400(Pro)
Light fal 300(Pro)
Brands fab 400(Free)

💡 font-family
 無料版:"Font Awesome 5 Free"
 有料版:"Font Awesome 5 Pro"
 Brabds :"Font Awesome 5 Brands"

input.font-awesome-solid-icon::placeholder {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
<input type="text" name="name" class="form-control font-awesome-solid-icon" placeholder="&#xf002;">

cssについて
🚨 content:"\f002";では表示できなかった(なぜかはわからなかった...)
🚨 font-familyfont-weightがないと表示されない

このスクラップは4ヶ月前にクローズされました
ログインするとコメントできます