How do I change the font in Text and Lookup type columns on form?

How do I change the font in Text and Lookup type columns on form?

Hi,

The Lookup renders as a <select> and the multiline text is <textarea> so you need the following CSS:


textarea {
   font-family: Arial;
   font-size: 13px;
}

select {
   font-family: Tahoma;
   font-size: 14px;
}

That didn't seem to do it. Here's my Styles.css:
@import './styles-generated.css';

body {
font-size: 13px;
}

input {
font-size: 13px !important;
}

textarea {
font-size: 13px;
}

select {
font-size: 13px;
}
And the resulting edit page:

meta.zip (113.3 KB)
src.zip on my OneDrive

Try adding the !important as with the input CSS rule.

select {
   font-family: Tahoma !important;
   font-size: 14px !important;
}

That got the textarea, but not the lookups. Current Styles.css:
@import ‘./styles-generated.css’;

body {
font-size: 13px;
}

input {
font-size: 13px !important;
}

textarea {
font-size: 13px !important;
}

select {
font-size: 13px !important;
}

You are right. I was mistaken about the <select>. The following CSS should work for lookups:

.ui-inputtext {
  font-size: 13px !important;
}

Cool. That works perfectly.:slightly_smiling_face: