Экранированный юникод в CSS-свойстве, вставленном Javascript - PullRequest
Новая
       11

Экранированный юникод в CSS-свойстве, вставленном Javascript

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

Я пытаюсь создать собственный раскрывающийся список CSS в проекте Adobe Captivate. Для этого я использую Javascript для вставки CSS в заголовок документа.

Я использую экранированный юникод для стрелки раскрывающегося списка. content:'\\25BC';

Однако на выходе это только символы "BC".

enter image description here

Это потому, что CSS вставляется через Javascript и использует экранированные символы? 

var selectCSS = "select{ -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 0 !important;background: #2c3e50;background-image: none; width: 100%;height: 100%;margin: 0;padding: 0 0 0 .5em;color: #fff;cursor: pointer;}#ddDivBl { margin: 5px; z-index: 1000; }.styled-select { display: block;width: 20em;height: 3em;line-height: 3;background: #2c3e50;overflow: hidden;border-radius: .25em;}.styled-select::after{content:'\\25BC';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #34495e;pointer-events: none;}.styled-select:hover::after {color: #f39c12;}.styled-select::after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}";
$("<style type='text/css'> " + selectCSS + " </style>").appendTo("head");
window.cssAdded = true;
...