Использование HTML стилей на формах приложений

Приветствую коллеги, есть ли у кого-нибудь практический пример использования CSS стилей для элементов формы, как его прописать правильно в HTML стили на форме?

В информационном блоке, на форме приложения это не применимо видимо. Изменяется только размер текста, остальное игнорируется

Попробовал, не работает. Попытался просто стиль описать, в разметке он появился, но эффекта нет. Работает только если в качестве селектора взять селектор стиля из браузера, но он меняется.

Всем привет, в частности стараюсь не сильно кастомизировать системные объекты интерфейса, пришёл к выводу что проще кажется прописать самому форму или виджет, с которым можно взаимодействовать в дальнейшем.

Попробовала сделать то же самое. Но еще я добавила для каждого свойства модификатор !important. И поменяла значение border-radius, чтобы скругление блока на форме было больше заметно. Код получился в итоге такой:

Код:

<style>
    .super-style {
    }
    [data-twr-classes='super-style'].super-style > div.elma-info-block {
        border-radius: 5px !important;
        background-color: lime !important;
    }
</style>

На форме отображается вот так, стили применились:

Здравствуйте! Скажите, пожалуйста, есть ли возможность сделать длину кнопок на форме просмотра одинаковой? По умолчанию они соответствуют внесенному тексту и, ожидаемо, очень разнятся.

Добрый день.

Для того, чтобы задать размер для кнопок на форме просмотра, необходимо через devtools получить селектор кнопок формы, в редакторе формы создать виджет Код, в виджете указать следующий стиль:


<style>
body > elma-form-widget > elma-form > form > elma-complex-popup > div > section > div > div > div.modal__main > footer > div > app-appview-process-buttons > elma-buttons > div > div > div.fluid-nav-scope > div:nth-child(n) > button{
width: 100px!important;
}
</style>

А не подскажите как сделать обработчик клика? к примеру менять стили кнопки по клику, чтоб создать "эффект нажатия кнопки"

Здравствуйте! Вы можете самостоятельно настроить отображение и динамику кнопки, например, с помощью HTML классов и стилей в виджете Код. Привяжите их в настройках кнопки Системные. Подробнее в нашей справке - https://elma365.com/ru/help/platform/code_widget.html