Temos o prazer de divulgar que muitos elementos da página agora expõem uma propriedade de estilo. Você pode usar a propriedade de estilo para alterar programaticamente a aparência de seus elementos da página.
Os elementos que expõem uma propriedade de estilo são:
Caixa
Botão
Caixa de seleção
Dropdown
Rodapé
Cabeçalho
RadioButtonGroup
TextBox
TextInput
UploadButton
Os estilos que você pode usar são:
backgroundColor
borderColor
borderRadius
borderWidth
cor
Observação: Os elementos listados acima apenas expõem as propriedades de estilo que são relevantes para seu design.
Como funciona
Selecione o elemento que você deseja estilizar usando a função seletor $w.
Acesse o objeto de estilo do elemento usando a propriedade .style.
Obtenha ou defina o valor de uma das propriedades de estilo do objeto.
Exemplo
Aqui definimos o background de uma caixa para ser vermelho semitransparente.
$w("#myBox").style.backgroundColor = "rgba(255,0,0,0.5)";
Leia mais
Para ler mais, confira StyleMixin na API reference.