Как сделать метку формы и содержимое встроенными? - PullRequest
Новая
       22

Как сделать метку формы и содержимое встроенными?

0 голосов
/ 28 февраля 2019

Мне нужно выровнять метку и содержимое в форме, но ни один код, который я пробовал, не сработал.

Ожидается

enter image description here

в настоящее время выглядит как

enter image description here

Код CSS, который я создал, таков: 

.crm-webform, .crm-webform-label,  .crm-webform-fieldset, .crm-webform-input-label, .crm-webform-group, .crm-webform-input, .crm-webform-label-content  {font-family: Open sans, 'Open sans', Lato, sans-serif;   font-size:14px;   color:black; margin: 0px 0px 3px 0px; } 

.crm-webform-input {height: 32px; }  .crm-webform-icon  {height: 22px; line-height: 30px;}  #LEAD_UF_CRM_5BEF2B8E126AA  { padding:  1px 3px 1px 3px;  height:60px; resize: both;
  overflow: auto;} label[for=LEAD_UF_CRM_1550937652],  label[for=LEAD_UF_CRM_1550937755] {height:0px; color:transparent; opacity:0; margin: 0px 6px 0px 6px;}

.flexible-middle-width, .crm-webform-header-container {background-color:transparent; background-opacity:0.4;}

/*#bx_form_iframe_6 ,  .crm-webform-block  .bx_form_iframe_12       */   

.*, *  {background-color:transparent; background-opacity:0.4; font-family:Open-sans, Open sans, 'Open sans', Lato, sans-serif; color:black;   }

h1, .crm-webform-header {color:black; font-family:Open-sans, 'Open sans', Lato, sans-serif;  font-weight: bold; size:26px;  letter-spacing: 1px; margin: 6px 0px 0px 0px;}

.crm-webform-input {font-weight:600; }  .crm-webform-checkbox-container, .crm-webform-checkbox-radio,  .crm-webform-checkbox-name {display:inline; font-family:Open-sans,'Open sans', Lato, sans-serif;     font-size:14px;    color:black;  padding: 0px 4px 0px 9px;}

1 Ответ

0 голосов
/ 28 февраля 2019

Если вы установите эти атрибуты для этого класса .crm-webform-field-string (или создадите также другой класс), он будет работать: 

.crm-webform-field-string {
    display: flex;
    align-items: center;
}

Остальное только для установки margin-right для контейнера меток.

Например: 

margin-right: 30px;
...