quasar-framework - 如何为托管字段添加自定义样式？

Question

我正在尝试更改 card#、exp、cvv 的字体系列和颜色，并在 cardForm 中提交字段。我还想让字段宽度响应。

我正在使用 vue/quasar，并使用下面的格式进行自定义。

基本上，我想知道如何引用和自定义该styles: { // Your styles }部分中的每个字段。

我敢肯定这是非常基本的，但我被卡住了，真的可以用手。非常感谢！

const cardForm = GlobalPayments.ui.form({
  fields: {
    "card-number": {
      placeholder: "•••• •••• •••• ••••",
      target: "#credit-card-card-number"
    },
    "card-expiration": {
      placeholder: "MM / YYYY",
      target: "#credit-card-card-expiration"
    },
    "card-cvv": {
      placeholder: "•••",
      target: "#credit-card-card-cvv"
    },
    "submit": {
      value: "Submit",
    }
  },
  styles: {
    // Your styles
  }
});