2013-09-29 3 views
1

Я настраиваю флажок и, похоже, работает, но проверка юникода не работает ... он появляется как текст «\ 2714».
Вот мой код:Отметка " 2714" не работает?

.edd_price_option_1762 { 
    -webkit-appearance: none; 
    background-color: #fafafa; 
    border: 3px solid #fff; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); 
    padding: 9px; 
    border-radius: 0px; 
    display: inline-block; 
    position: relative; 
    top: 8px; 
} 
.edd_price_option_1762:active, .edd_price_option_1762:checked:active { 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); 
} 
.edd_price_option_1762:checked { 
    background-color: #e9ecee; 
    border: 3px solid #fff; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); 
    color: #99a1a7; 
} 
.edd_price_option_1762:checked:after { 
    content:"\2714"; 
    font-size: 19px; 
    position: absolute; 
    top: 0px; 
    left: 3px; 
    color: #49a6db; 
} 

ответ

2

Дев инструменты утверждают, что ваш КСС:

.edd_price_option_1762:checked:after { 
    content: "2714 "; 
    font-size: 19px; 
    position: absolute; 
    top: 0px; 
    left: 3px; 
    color: #49a6db; 
} 

Изменить его (добавить слэш):

.edd_price_option_1762:checked:after { 
    content: "\2714"; 
    font-size: 19px; 
    position: absolute; 
    top: 0px; 
    left: 3px; 
    color: #49a6db; 
} 

Смотрите приложенный скриншот:

The proof

+0

Как избавиться от обратной косой черты ничего не сделал, все еще не работает –

+0

Ой, почему это показывает это? В моем листе CSS четко указано содержание: «\ 2714»; –

+2

@AmandaMadelineSzabo Нет, это не так. Вы уверены, что сервер не использует кешированную версию? Или минификатор неверно минимизировал файл! Но файл, который находится на сервере, не имеет косой черты. –

3

Вам не хватает обратной косой черты \ в вашей разметке.

Это должно быть content: "\2714"; в настоящее время это: content: "2714";

jsFiddle demo - код, который вы размещены правильно - он просто не совпадает с этим реализуется на этой странице.

+3

Вперед косая черта = "\" ?! – ComFreek

+0

В моей таблице CSS есть содержимое косой черты: «\ 2714»; –

+0

Почему он говорит, что это не так? –

0

Я не знаю, поможет ли это в любом случае. Но экспериментировал так думал, вы должны увидеть это:

fiddle

Использование JavaScript

document.getElementById('test').innerHTML = "✔" 

Смотрите, если это помогает. Я где-то читал, чтобы использовать объект HTML :) что-то вроде & # x2714;

+0

Это создает проверку для меня, которая работает, но я не знаю, как интегрировать ее в класс, который я использую с помощью флажка. Его плагин, который я загрузил, и поэтому я не знаю, как получить доступ к html плагина для атрибутов стилей для класса checkbox .... Я не знаю, имеет ли это смысл или нет. Но, возможно, что-то с этим плагином вызывает проблему. –

+0

Если плагин не позволяет вам попробовать setTimeout 'setTimeout (function() {document.getElementById ('test'). InnerHTML =" & # x2714; "}, 500)', если у вас есть доступ к javascript :) css. Позвольте мне c – Anobik

+0

.... javascript просто написан в html между

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