+ Ответить в теме
Показано с 1 по 9 из 9

Тема: Какие свойства отвечают за изменение цвета

  1. #1
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    65
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Какие свойства отвечают за изменение цвета

    Вот есть пример который мне нравится
    https://codepen.io/oliviale/pen/WqwOzv

    но там много чего нагромождено а мне нужно просто понять какие и как свойства изменят цвет. а все остальное мне не нужно.

  2. #2
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,031
    Thanks
    141
    Thanked 151 Times in 151 Posts
    Цвет чего?

    вобще цвет задается при помощи #999 или #f9f9f9 вот таких кодов - решетка и после нее 3 или 6 цифр.

  3. #3
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    65
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    Цвет чего?

    вобще цвет задается при помощи #999 или #f9f9f9 вот таких кодов - решетка и после нее 3 или 6 цифр.
    Если там кликнуть по кружочку то цвет интерфейса изменить, это круто я думал что такое можно сделать только скриптами а тут на css, там есть скрипт но я пробовал его удалять и все работает без него.

  4. #4
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,031
    Thanks
    141
    Thanked 151 Times in 151 Posts
    Мне лень разбираться. Это можно сделать без скриптов, но такой подход очень корявый. Скорее всего ты что-то не то удалил.

    Без скриптов делается по такому принципу

    <style>
    .red:checked ~ *{
    background: red
    }
    .blue:checked ~ *{
    background: blue
    }
    </style>
    <input class="red" name="color" type="radio" value="red">
    <input class="blue" name="color" type="radio" value="blue">
    <div>aaaaaaaaaaaaaaaaaaaaaaaaaa</div>

  5. #5
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    65
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Я просто давно ищу способ что бы на странице одним кликом поменять к примеру цвет шрифта, размер шрифта.

  6. #6
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    65
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    Мне лень разбираться. Это можно сделать без скриптов, но такой подход очень корявый. Скорее всего ты что-то не то удалил.

    Без скриптов делается по такому принципу

    <style>
    .red:checked ~ *{
    background: red
    }
    .blue:checked ~ *{
    background: blue
    }
    </style>
    <input class="red" name="color" type="radio" value="red">
    <input class="blue" name="color" type="radio" value="blue">
    <div>aaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    а почему если написать ~ * то не применяется не к чему

  7. #7
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,031
    Thanks
    141
    Thanked 151 Times in 151 Posts
    Где написать?

  8. #8
    Пользователь sergei1980 на пути к лучшему Аватар для sergei1980
    Регистрация
    23.01.2015
    Сообщений
    65
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Цитата Сообщение от Degradator Посмотреть сообщение
    Где написать?
    я не правильно написал, то есть если НЕ НАПИСАТЬ ~ *

  9. #9
    Местный Degradator скоро придёт к известности Аватар для Degradator
    Регистрация
    02.07.2012
    Сообщений
    2,031
    Thanks
    141
    Thanked 151 Times in 151 Posts
    потому что он должен примениться к твоему чекбоксу, который скрыт. Если бы он не был скрыт, то скорее всего тоже бы не применились, потому что чекбокс отрисовывает операционка, и ей вобщем-то наплевать на твои стили

  10. The Following User Says Thank You to Degradator For This Useful Post:

    sergei1980 (12.07.2019)

+ Ответить в теме

Похожие темы

  1. Изменение цвета блока
    от nm13101995 в разделе CSS
    Ответов: 2
    Последнее сообщение: 11.01.2014, 19:25
  2. Ответов: 2
    Последнее сообщение: 14.07.2012, 03:10
  3. Изменение цвета форума
    от Neyroshka в разделе UCOZ
    Ответов: 2
    Последнее сообщение: 30.06.2011, 15:02
  4. Ответов: 6
    Последнее сообщение: 10.03.2011, 17:19
  5. Изменение цвета ссылок
    от Langepas в разделе CSS
    Ответов: 4
    Последнее сообщение: 12.05.2008, 17:38

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения