CSS Object

The Firstoken SDK sends a CSS object for each field, allowing for customization of field appearance based on design needs. This object can be unique for each field or general for all fields, depending on the client's design.

For this element, CSS tags and pseudo-classes can be used. CSS tags are used in the following format: "color": "#FFFFFF". If there are multiple elements, a comma is used after each key-value pair. On the other hand, if a pseudo-class is used, for example, "placeholder", it is used in the following format: "::placeholder": { "color": "#FFFFFF" }. The double colon ":" informs the SDK that a pseudo-class with a second level in the object is being referred to.

These are some of CSS tags are allowed:

  • font-family

  • font-weight

  • color

  • background-color

  • height

  • padding

  • font-size

  • font-style

  • text-transform

  • border

  • font-weight

  • border-radius

  • box-sizing

  • margin

  • border-top-right-radius

  • border-top-left-radius

  • border-bottom-right-radius

  • border-bottom-left-radius

These are some of the allowed pseudo-classes

  • placeholder

  • after

  • before

  • hover

  • focus

These are the Font family that are allowed in SDK

  • Arial

  • Helvetica

  • Verdana

  • Tahoma

  • Trebuchet MS

  • Times New Roman

  • Georgia

  • Garamond

  • Courier New

  • Brush Script MT

Last updated

Was this helpful?