Как я могу добавить иконку fontawesome на входе с типом отправки в php - PullRequest
Новая
       8

Как я могу добавить иконку fontawesome на входе с типом отправки в php

0 голосов
/ 27 ноября 2018

Я попробовал Unicode в значении, как  и добавил Fontawesome в CSS.но не сработало.Я пытаюсь поместить значок удаления на диаграмму таблицы. Может кто-нибудь сказать мне, пожалуйста, как я могу добавить потрясающие значки в тег значения?

HTML : 

<form method="post">
    <input type="hidden" name="post_id" value="<?php echo $post_id ?>">
    <?php 
        echo '<td><input type="submit" name="delete" value="&#xf2ed;" class=""></td>';
    ?>
</form>

CSS : 

input[type="submit"] {
  font-family: "Font Awesome 5 Free"; 
}

1 Ответ

0 голосов
/ 27 ноября 2018

Вы должны добавить ссылки Font Awesome в тег head, и он будет работать.

Второй вариант - обернуть input в div и установить icon в:before из div

input[type="submit"] {
 font-family: "Font Awesome 5 Free"; 
}
.secodOption:before {
  font-family: "Font Awesome 5 Free";
  content: "\f2ed";
  font-weight: 900;
  position: absolute;
  padding-top: 2px;
  padding-left: 7px;
}
input[value=""]{
        width: 30px;
    }
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

<input type="submit" name="delete" value="&#xf2ed;" class=""/>
<table>
  <tr>
    <td><div class="secodOption"><input type="submit" value="" name="delete"/></div></td>
   </tr>
</table>
...