Firefox и псевдокласс first-letter


Возникла у нас в команде необходимость в одном выпадающем списке добавить значки к элементам списка в зависимости от типа элемента. Сам список сторонний компонент, который трогать не хотелось. Значки реализованы в виде шрифта, т. е. являются символами юникода.
В качестве решения на сервере в зависимости от типа элемента добавили в качестве обычной буквы символ значка uXXXX и на клиенте получили красивые квадратики, поскольку шрифт, используемый для списка не содержит в себе коды наших иконок. Тут нам на помощь пришел CSS псевдокласс ::first-letter
Читать дальше →


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

Собственный VPN клиент на JavaScript. 4 часть — Configs компонент

Configs — Компонент, отвечающий за хранение и загрузку OpenVPN конфигов. Структура папок. configs│ │ configs.json // Хранит метаданные о конфигах│ get.js│ index.js│ load.js│ parse-configs.js│└───base... читать далее

Изоляция css стилей с помощью компонентного подхода

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

[Из песочницы] «Font-weight: bolder» для шрифтов со множеством начертаний

Если вы используете шрифт со множеством начертаний, то вам, вероятно, захочется, чтобы теги strong и b не увеличивали жирность шрифта до фиксированного значения font-weight:700, как это происходит... читать далее

Каскадные Таблицы Стилей / Аккорды с применением высоких технологий

Задача заверстать аппликатуру весьма не тривиальна и от того довольно интересна. Я тоже не устоял перед искушением решить её так как считаю правильным. Помимо стандартных требований типа... читать далее

Блог им. ATimofeev / Стратегия развития отдельного специалиста

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

Огненный лис / FireScope новый девелоперский плагин для Firefox

Итак, SitePoint выпустили новый плагин, а точнее надстройку для Firebug. Плагин предоставляет более продвинутый референс для каждого html элемента. Показывает уровень поддержки того или другого... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте