...

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

Тема в разделе "Вопросы по платформе", создана пользователем ruslan.fomin, 19 май 2022.

  1. ruslan.fomin

    ruslan.fomin Участник

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

    ava_var Активный участник

  3. ruslan.fomin

    ruslan.fomin Участник

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

    [​IMG]
    Последнее редактирование: 8 июн 2022
  4. ava_var

    ava_var Активный участник

    В релизе 2022.5 добавлена новая фича - HTML-классы

    Думаю, что через хитрые css-селекторы можно будет сделать и скругление в 1px
    У меня вот так получилось
    Код:
    
    <style>
        .
    super-style {
        }
        [
    data-twr-classes='super-style'].super-style div.elma-info-block {
            
    border-radius:1px;
            
    background-colorlime;
        }
    </
    style>
    upload_2022-6-17_17-5-28.png
  5. kalinichenko

    kalinichenko Новичок

    Попробовал, не работает. Попытался просто стиль описать, в разметке он появился, но эффекта нет. Работает только если в качестве селектора взять селектор стиля из браузера, но он меняется.[​IMG]
  6. ruslan.fomin

    ruslan.fomin Участник

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

    vyimova Участник

    Попробовала сделать то же самое. Но еще я добавила для каждого свойства модификатор !important. И поменяла значение border-radius, чтобы скругление блока на форме было больше заметно. Код получился в итоге такой:
    Код:
    
    <style>
        .
    super-style {
        }
        [
    data-twr-classes='super-style'].super-style div.elma-info-block {
            
    border-radius5px !important;
            
    background-colorlime !important;
        }
    </
    style>
    На форме отображается вот так, стили применились:
    Информационный блок.png