Скрыть текст, оставить элементы значковCSS

Разбираемся в CSS
Ответить
Anonymous
 Скрыть текст, оставить элементы значков

Сообщение Anonymous »

Сейчас у меня довольно большой сайт, и изменение кодов всех кнопок займет много времени, поэтому мне интересно, может ли CSS что-то сделать для меня без изменения HTML-кода.

На каждой странице есть панель действий с несколькими кнопками, которые состоят из значка и текста. Примерно так:

Код: Выделить всё


[i][/i]
Button label


[i][/i]
Button label


Теперь я хочу добиться того, чтобы на мобильных устройствах текст внутри кнопки не отображался; должен отображаться только значок.

Если бы у меня была такая разметка:

Код: Выделить всё

[i][/i]
Button label

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

Код: Выделить всё

@media(max-width:768px) {
.btn .label {
display: none;
}
}
Итак, мне интересно, существует ли чистый CSS-эквивалент этого, но с первой разметкой HTML, в которой нет span.label?

Подробнее здесь: https://stackoverflow.com/questions/339 ... n-elements
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»