Расширенные стили

Настройки цвета, шрифта и радиуса скругления во вкладке Атрибуты покрывают большинство опросов, но не все случаи — иногда нужен точный контроль над одной конкретной кнопкой, отступами поля или точками степпера между шагами. Расширенные стили добавляют каждому опросу единый CSS-редактор именно для этого: обычный CSS, написанный один раз и применяемый поверх собственных стилей виджета по умолчанию.

Откройте опрос, перейдите в ОпросыРасширенные стили. Каждый блок ниже — обычное CSS-правило: измените любой из них, и предпросмотр опроса обновится по мере ввода, кнопка сохранения не нужна (сохраняется так же, как и весь остальной опрос).

Единый CSS-редактор и живой предпросмотр рядом друг с другом.

Что можно стилизовать

Редактор заранее заполнен одним пустым блоком на каждую часть виджета — просто впишите объявления или оставьте блок пустым, чтобы не трогать эту часть:

  • Заголовок формы, контейнер формы и степпер (каждая точка, включая номер внутри неё через :after).
  • Кнопки — один класс, общий для всех кнопок, плюс отдельный класс для «Назад», «Далее» и «Отправить» по отдельности, так что можно стилизовать их все разом или каждую по отдельности.
  • Контейнер, подпись, сообщение об ошибке и поле ввода у каждого поля — либо сразу для всех полей заданного типа (например, «каждое поле Textarea»), либо для одного конкретного поля через его собственный селектор .OivaFeedbackCustomClass__field__<fieldKey>, который генерируется автоматически для каждого поля и показывается в редакторе.

Почему это безопасно

Любое написанное вами правило влияет только на этот один опрос (или это одно поле) — оно не может просочиться в другой опрос, встроенный на той же странице, и не может повлиять ни на что ещё на сайте, где размещён виджет. Это обеспечено структурно (каждое правило ограничено областью опроса или поля, на которое оно нацелено), а не ограничением того, какой CSS вам разрешено писать.

Назад к созданию опроса · Атрибуты