> ## Documentation Index
> Fetch the complete documentation index at: https://primer.io/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# InputStyle

<Expandable title="Input Style Properties" defaultOpen>
  <ResponseField name="hover" type="BaseInputStyle">
    An object of type [BaseInputStyle](/sdk/web/v2.x.x/checkout-style/BaseInputStyle) that defines the style of the input element when it is being hovered over.
  </ResponseField>

  <ResponseField name="focus" type="BaseInputStyle">
    An object of type [BaseInputStyle](/sdk/web/v2.x.x/checkout-style/BaseInputStyle) that defines the style of the input element when it has focus.
  </ResponseField>

  <ResponseField name="placeholder" type="BaseInputStyle">
    An object of type [BaseInputStyle](/sdk/web/v2.x.x/checkout-style/BaseInputStyle) that defines the style of the input element's placeholder text.
  </ResponseField>

  <ResponseField name="webkitAutofill" type="BaseInputStyle">
    An object of type [BaseInputStyle](/sdk/web/v2.x.x/checkout-style/BaseInputStyle) that defines the style of the input element's autofill values in webkit-based browsers.
  </ResponseField>

  <ResponseField name="selection" type="BaseInputStyle">
    An object of type [BaseInputStyle](/sdk/web/v2.x.x/checkout-style/BaseInputStyle) that defines the style of the input element's text selection.
  </ResponseField>

  <ResponseField name="height" type="number | string">
    A number or string that defines the height of the input element.
  </ResponseField>

  <ResponseField name="paddingHorizontal" type="number">
    A number that defines the horizontal padding of the input element.
  </ResponseField>

  <ResponseField name="color" type="string">
    An optional string that defines the color of the text.
  </ResponseField>

  <ResponseField name="fontFamily" type="string">
    An optional string that defines the font family of the text.
  </ResponseField>

  <ResponseField name="fontWeight" type="string">
    An optional string that defines the weight of the text.
  </ResponseField>

  <ResponseField name="fontSize" type="string">
    An optional string that defines the size of the text.
  </ResponseField>

  <ResponseField name="fontSmoothing" type="string">
    An optional string that defines the smoothing of the font.
  </ResponseField>

  <ResponseField name="lineHeight" type="string">
    An optional string that defines the height of the line.
  </ResponseField>

  <ResponseField name="textTransform" type="string">
    An optional string that defines the transformation of the text.
  </ResponseField>

  <ResponseField name="letterSpacing" type="string">
    An optional string that defines the spacing between letters in the text.
  </ResponseField>

  <ResponseField name="background" type="string">
    A string that defines the background color or image of the box element.
  </ResponseField>

  <ResponseField name="borderRadius" type="number | string">
    A number or string that defines the radius of the box element's corners.
  </ResponseField>

  <ResponseField name="boxShadow" type="string">
    A string that defines the shadow effect of the box element.
  </ResponseField>

  <ResponseField name="borderStyle" type="string">
    A string that defines the style of the box element's border.
  </ResponseField>

  <ResponseField name="borderColor" type="number | string">
    A number or string that defines the color of the box element's border.
  </ResponseField>

  <ResponseField name="borderWidth" type="number | string">
    A number or string that defines the width of the box element's border.
  </ResponseField>
</Expandable>