Блог

Я добавляю > символ в конец панели начальной загрузки, чтобы он расширялся при переключении.

Но когда я добавляю объект символа HTML amp;> для символа, большего, чем символ, в стиль css для этого преобразования. он отображает HTML-код для символа, а не для символа:

Полный пример, из которого я беру это, находится здесь:

http://www.prepbootstrap.com/bootstrap-template/faq-example

Как вы можете отобразить специальный символ HTML внутри панели с помощью CSS?

Это моя попытка стиля, который поворачивает символы, как ожидалось, но символ не отображается:

 .panel-heading [data-toggle="collapse"]:after {
        font-family: Verdana;
        content: "amp;gt"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
  

Если я правильно перейду по ссылке, которую вы нам предоставите, там будет код для CSS. Здесь вы работаете с CSS, а не с HTML. Разве вы не должны использовать код CSS вместо html content: '03e'; ? Просто предположение, я никогда этого не делал.

Если это не сработает, возможно, вам придется использовать :after so, чтобы код не перезаписывался.

Я протестировал это таким образом, и это сработало. Надеюсь, это поможет 😉

 h1:after {
    content: '03e';
}