Smart textbox font-size

[tullio0106]

I’ve a smart-text-box and I applyed a custom class wich contains a font-size of 12px.
Howhever the resulting input field has a font-size of  “var(–smart-font-size);” wich is 14px.
How can I force it to take my definition.
Tks

[YavorDashev]

Hi tuillio0106,
I have code snippet for you to showcase you how set a CSS variable in the SmartTextBox component.

smart-text-box {
    --smart-font-size: 25px;
}

You have to set the CSS variable itself and to ‘force’ set the property with the font-size attribute.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[tullio0106]

So is not possible to take it from another CSS class ?
Tks

[tullio0106]

I also don’t understand the exact syntax I shoud use.
My actual tag is
<smart-text-box class=”elemento_testo_valore” value=”701-006-002″ name=”e66870406″ style=”flex:none; width:80%;” onchange=”mostraAlertMsgOption(this); eseguiRefresh(this);” onfocus=”on_focus(this)”></smart-text-box>
How shoud I change it ?
Tks

[admin]

Hi tuillio0106,
If you apply a custom CSS class, just put –smart-font-size to it, too.
Best regards,
Peter Stoev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts