Как изменить цвет элемента на сайте WordPress

  • xlust

    (@xlust)


    1 месяц, 2 недели назад

    Здравствуйте! Делаю сайт на WordPress с использованием elementor. Столкнулся с такой задачей. Не могу понять как изменить фокусный цвет этих элементов, выделенных на скриншоте синим. Тема Hello, в настройках elementor среди глобальных цветов синего нету вообще. В этой форме на скриншоте в настройках также синий нигде не указан. Возможно это касается функционала браузера, сам не знаю. Может кто подскажет как решить эту проблему?

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • Philippov Pavel

    (@philippovpavel)

    1 месяц, 2 недели назад

    Эти элементы стилизует браузер и сейчас нет нативного способа поменять их стилизацию.
    Через CSS можно их скрыть и с помощью CSS + JS написать свои кастомные элементы. Но это нужно уметь работать с кодом.

    Пример кастомного select: https://codepen.io/yy/pen/vOYqYV
    Пример кастомного чекбокса: https://codepen.io/Vestride/pen/AwaMNg

    Автор xlust

    (@xlust)

    1 месяц, 2 недели назад

    Спасибо за помощь. Я нашёл способ стилизовать чекбоксы:

    input[type=»checkbox»] {
    accent-color: #282828;
    }

    С полем для выбора всё сложнее, через следующий селектор сделал так:

    .elementor-6056 .elementor-element.elementor-element-f0afa65 .elementor-field-group .elementor-select-wrapper select > option {

    background-color: black; !important;
    }

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

    • Ответ изменён 1 месяц, 2 недели назад пользователем xlust.
Просмотр 2 ответов — с 1 по 2 (всего 2)