Текстовый дисплей: нет CSS? Jquery?

<label><input type="radio">TextmakesNoSense</label>

Так это динамически содержание Read-Only ... Так я думал ...Текстовый дисплей: нет CSS? Jquery?

label { 
    color:#fff; 
    font-size:0.0001em; 
}

на веб-странице с белым фоном, однако, кажется, очень sneeky ко мне, и если вы выделите кнопки вы все равно видите, что там есть текст, в некоторых браузерах.

Так что, думаю, новая версия CSS будет включать в себя «text-display: none»; ?

Я мог бы вставить некоторые jquery вместо этого?

источник

2013-05-22 Anonymous

Вы можете поместить span тег вокруг него:

<label><input type="radio"><span class="ro-text">TextmakesNoSense</span></label>

CSS:

.ro-text { 
    visibility: hidden; 
}

Или

.ro-text { 
    display: none; 
}

Зависит от того, что вы пытаетесь достичь.

Если вам нужно добавить пядь динамически, используйте этот JQuery:

$('label').html($('label').find('input')[0].outerHTML + '<span class="ro-text">'+$('label').text()+'</span>');

Для быстрого объяснения того, что

http://jsfiddle.net/Cwalkdawg/h5kYQ/2/

span внутри label является "semantic" в случае, если вы были волновался.

источник

2013-05-22 04:08:29 SomeShinyObject

Вы пропустили ту часть, где HTML не редактировался OP? –

Я собираюсь дать вам реквизит для простого создания рабочего стола. Я понятия не имею, почему это выглядит как преднамеренная синтаксическая ошибка на col 127 (после text()), однако я не знаю jquery, который хорошо работает и работает на вашем jfiddle. Прямое вклеивание этого кода по какой-то причине не работает на моей странице. Я продолжу играть с этим, это, кажется, самый чистый вариант. Я просто пытаюсь выполнить «без отображения» для текста, который я не хочу отображать. –

Просто, чтобы ответить Kolink - мне тоже понравился ваш ответ, но только потому, что файл доступен только для чтения, это не значит, что я не могу редактировать DOM с помощью jQuery. –

Попробуйте text-indent:-9999px. Это должно перемещать текст далеко влево, так что он отключен от экрана.

источник

2013-05-22 04:04:32

Это не сулит ничего хорошего, если это экранное просто бессмысленно содержание. – SomeShinyObject

font-size:0px;

Это похоже на трюк, не совсем уверенный, чего вы пытаетесь достичь.

источник

2013-05-22 04:08:19 Isaac

Неисправность в Chrome, где стандартная конфигурация заключается в том, что минимальный допустимый размер шрифта составляет 6pt. –

Я написал это в chrome, используя conceptfactory.co.nz/editor.html Если это не разрешено, то я не знаю, почему это сработало. – Isaac

Попробуйте

label { 
    color:#fff; 
    font-size:0.0001em; 
    text-indent:-9999px; 
}

источник

2013-05-22 04:10:00 ShibinRagh

О, да, я отредактировал ответ – ShibinRagh

Попробуйте это, может быть, это будет решить вашу проблему.

label { 
    display: block; 
    float: left; 
    width: 20px; 
    height: 20px; 
    overflow: hidden; 

}

источник

2013-05-22 05:00:07 Alex

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

.label { 
    text-indent: 150%; 
    white-space: nowrap; 
    overflow: hidden; 
    font-size: 0.0001em 
}

Общие преимущества: Действительно длинные строки текста никогда не будет течь в контейнер, потому что они всегда утекают из контейнера.

Преимущества перед общим методом -9999px: Производительность резко улучшается, поскольку 9999px коробка не обращается. (Да, браузер действительно делает огромную коробку сбоку.)

Ссылки: Website Article

источник

2014-10-21 16:07:50 CoalaWeb

Текстовый дисплей: нет CSS? Jquery?

ответ

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