# Estilização de campos com CSS

**URL:** <https://community.latromi.com.br/t/estilizacao-de-campos-com-css/1876>\
**Category:** Ajuda & Suporte\
**Tags:** css, form\
**Created:** [Julho 27, 2026, 8:42pm UTC](https://community.latromi.com.br/t/estilizacao-de-campos-com-css/1876 "2026-07-27T20:42:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![willyam.lima](https://community.latromi.com.br/letter_avatar_proxy/v4/letter/w/f04885/32.png) [@willyam.lima](https://community.latromi.com.br/u/willyam.lima)\
**Post date:** [Julho 27, 2026, 8:42pm UTC](https://community.latromi.com.br/t/estilizacao-de-campos-com-css/1876/1 "2026-07-27T20:42:40Z")

</div>

Boa tarde, tudo bem?

Se possível, gostaria de saber mais sobre como utilizar CSS na estilização de campos e botões. É possível estilizar livremente um botão ou um campo _TextBox_ apenas adicionando uma classe CSS ao formulário e vinculando um arquivo CSS?

Tentei fazer dessa forma, mas não consegui alterar a aparência dos componentes. Se puderem me orientar, gostaria de entender se essa funcionalidade realmente tem esse propósito ou se ela é destinada a outro tipo de utilização.

Desde já, agradeço pela ajuda!

 ![image](https://community.latromi.com.br/uploads/default/original/2X/c/c0acc8cc67469886bf7f5e7dc8258c3fabf53367.png)

---

<div class="post-metadata">

**Author:** ![Diego\_Ramos](https://community.latromi.com.br/user_avatar/community.latromi.com.br/diego_ramos/32/1819_2.png) [@Diego\_Ramos](https://community.latromi.com.br/u/Diego_Ramos)\
**Post date:** [Agosto 3, 2026, 12:00pm UTC](https://community.latromi.com.br/t/estilizacao-de-campos-com-css/1876/2 "2026-08-03T12:00:49Z")

</div>

Olá, @willyam.lima!

Você está correto!

A propriedade destacada tem como objetivo disponibilizar a possibilidade de adicionar um classe CSS conhecida, para que possa ser estilizada usando um `Arquivo CSS` ou `CSS Público`.

Busque usar nomenclaturas de classes únicas, para evitar conflitar com os nomes já usados, pela plataforma. Por exemplo, mescle o significado do componente com uma sigla que identifique o produto ou empresa **'la-btn'**.

Possivelmente notou que a propriedade `Classe CSS` só existe para o componente `Button`. Para localizar os demais componentes, via CSS. Pode usar o seletor abaixo:

```css
div[data-field-name="NOME_DO_CAMPO"] {
    /*CODE BLOCK*/
}

```

Esse seletor é a melhor forma de capturar um campo especifico, em formulário LATROMI. Existem **classes CSS** mais abrangentes ao tipo do campo, verifique alguns deles abaixo:

| Campo | Classe CSS |
| --- | --- |
| NumericTextBox | numerictextboxWrapper |
| TextBox | textboxWrapper |
| ComboBox | comboboxWrapper |

Quando perceber que um estilo aplicado, nos CSS personalizados, não foi computado corretamente, use declaração: **!important**. Mas atenção ao usar múltiplas vezes essa declaração, pois pode ocasionar comportamentos inesperados de estilo.