Скрыть значение чекбокса через css

#1 18 декабря 2015 в 23:29

Привет всем! Возник вот такой вопрос. При создании поля в типе контента "флаг", если не прописывать предустановленные значения, то позже в посте отображается слово "да". Как его скрыть? Желательно средствами css. Я пробовал вот так:

.f_ap {
    overflow:hidden;
}
 
.f_ap div.value {
	background: url("../images/fire.png") no-repeat left !important;
    text-color: #FF0000;
    }

ap — системное имя поля

Но видимо не в том направлении копаю. Просто хотелось бы чтобы при установке флага просто начинала отображаться иконка, без слова "да"

#2 18 декабря 2015 в 23:41

Если это да обернуто в какой нибудь <span > или <p > то можно только средствами css
f_ap span {
display:none; }

Если нет обертки у текста, то одним css вряд ли. Либо делать текст под цвет фона, что в принципе клоакинг, но в данном случае, не знаю, насколько это чревато.
Или вот, я только что изобрел smoke

<style type="text/css">
 
.u77{
	font-size: 0px;}
 
</style>
<div class="u77">
лрлрдр
</div>

#3 18 декабря 2015 в 23:55

Ну вот как то так… У меня это поле выглядит. И вот что редакор кода говорит на этот элемент

скриншот

Сегодня в 23:08

#4 19 декабря 2015 в 00:10

div class value стоило бы тоже развернуть)
Судя по всему "Авторский пост" внутри какого то тега типа <h3>
А что с "да" не понятно.
Если он тоже внутри какого то тега типа <span то ответ выше
f_ap span {
display:none; }

Если "да" само по себе, то в принципе вариант с нулевым размером шрифта работает.

Это все при условии, если только средствами css

#5 19 декабря 2015 в 02:01

Если надо показать только иконку, то проще всего сделать

 
.f_ap div.value {
display: inline-block;
	background: url("../images/fire.png") no-repeat left !important;
text-indent: -9999px;
text-align: left;
    }

Вот как-то так. Тем самым мы текст выведем за границы видимой области

viber: +79323347724 skype: mynameisasphix

#6 19 декабря 2015 в 10:19

iasphix, ваш вариант почему то вообще перестал отображать фоновую картинку…

#7 19 декабря 2015 в 10:40

Нил™, старнно, но если данному свойству приписывать размер в 0px то данный элемент вообще перестаёт отображаться вместе с иконкой… В общем чудеса. Пойду читать книжки по css

#8 19 декабря 2015 в 11:03

 
.f_ap div.value {
display: inline-block;
background: url("../images/fire.png") no-repeat 0 0;
width: 32px;
height: 32px;
line-height: 32px;
text-indent: -9999px;
text-align: left;
}

Вот так сделайте, ширину и высоту, а также line-height задайте исходя из размеров фонового изображения.

viber: +79323347724 skype: mynameisasphix

#9 19 декабря 2015 в 12:10

iasphix, благодарю, вот последний метод сработал!!! Огромный плюс в карму!

Валидатор w3.

Регулярные выражения: замена к

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Скрыть значение чекбокса через css

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Чекбокс в форме регистрации

Как скрыть показ поля "флаг" если чекбокс не активен?

Можно ли в админке добавить css-стиль без заливки дополнительного css файла?

[ЕСТЬ РЕШЕНИЕ] Дополнение или скрипт для скрытия части номера телефона в поле

Как скрыть скрыть контент по тегам/категориям?

[ЕСТЬ РЕШЕНИЕ] Избранное - скрыть в списках ТК

InstantCMS Team

О проекте

Поддержка

Дополнения