• Новые сообщения · Участники · Правила форума · Поиск · RSS
    • Страница 1 из 1
    • 1
    Модератор форума: STALKER  
    Форум » О веб-дизайне » Css » Меняем выделение текста с помощью CSS
    Меняем выделение текста с помощью CSS
    STALKERДата: Суббота, 17.12.2011, 19:54 | Сообщение # 1
    Генералиссимус
    Группа: Администраторы
    Сообщений: 139
    Статус: :-(
    Изменяем цвет выделенного текста с помощью CSS3
    Жаль, что никто из Ю.Блоггеров не писал про такой хороший псевдоэлемент как ::selection. Он позволяет менять цвет фона выделенного текста. Сейчас этот элемент поддерживают практически все браузеры.
    Что—бы изменить цвет фона выделенного текста, нужно добавить в CSS такой код:

    Code
    ::selection {  
      background: black;  
      color: green;  
      }  

      ::-moz-selection {  
      background: black;  
      color: green;  
      }


    Естественно цвета выбераем сами,можно использовать как буквенное обозначение цветов(black...) так и цифровое(#000000..)

    красный-цвет фона(меняем в обоих кодах)
    зеленый-цвет выделенного текста

    Почему два набора? Второй для Firefox, первый - для всего остального =)

    Так же можно сделать чтобы не было рамочки при выделении,а просто текст менял цвет(выглядит красиво=))
    стерев всего одну строчку:

    Code
    ::selection {  
      color: green;  
      }  

      ::-moz-selection {  
      color: green;  
      }


    Как это выглядит?

    Вот наглядный пример

    Источник


     
    Форум » О веб-дизайне » Css » Меняем выделение текста с помощью CSS
    • Страница 1 из 1
    • 1
    Поиск: