2014-12-30 5 views
-1

я следующий HTML-код:Как использовать значок смайлика в HTML в следующем сценарии?

<div id="js_contact_message">Your have been registered successfully</div> 

Со следующим смайлик после слова "успешно":
enter image description here

Как этого добиться?

У меня есть следующая ссылка, но я не понимаю, как использовать эти значения unicode?

http://apps.timwhitlock.info/emoji/tables/unicode 
+2

Почему бы просто не использовать нормальный '' тег? Как упоминается в ссылке, большинство настольных браузеров не будут отображать большинство emoji изначально, используя значения unicode. – Rhumborl

ответ

2

Как насчет

#js-contact-message:after { 
 
content: '\1f603'; 
 
color:orange; /* yellow: not enough contrast with white background */ 
 
}
<div id="js-contact-message">… successfully</div>

+0

Значок смайлика появляется в черном цвете, я хочу его в желтом цвете. – PHPLover

+0

@PHPLover: поэтому используйте свойство 'color' CSS для его стилизации? –

+0

Но я не знаю, как его использовать? Не могли бы вы добавить его к своему ответу? Это было бы очень полезно для меня. – PHPLover

Смежные вопросы