Html Braintree托管字段的CSS

首先，我对CSS/HTML设计不是很在行，只是一些基础知识

我正在使用Braintree托管的字段，只是想知道如何使用CSS或在html中应用样式来解决这个问题

正如您所看到的，边框宽度太大了。我怎样才能把这些变小

对于我使用的每个输入框：

            <label for="card-number">Card Number</label>
            <div class="hosted-field" id="card-number"></div>

---

这些样式取自braintree的文档，所以我有点不明白为什么它们看起来像上图。

假设边框来自div本身（您可以使用Chrome Web Developer工具来确定），您可以使用以下CSS规则

.hosted-field {
  border-width: 1px;
}

---

用您想要的任何度量值替换1px。

假设边界来自div本身（您可以使用chromewebdeveloper工具来确定），您可以使用以下CSS规则

.hosted-field {
  border-width: 1px;
}

---

将1px替换为您想要的任何度量值。

您需要调整包含托管字段的div的高度。您可以通过在CSS中添加

height

属性来实现这一点，如下所示：

.hosted-field {
  height: 40px;
}

---

您需要调整包含托管字段的div的高度。您可以通过在CSS中添加

height

属性来实现这一点，如下所示：

.hosted-field {
  height: 40px;
}

---

我已经这样做了，这只是线条的厚度，不是吗？参见我的CSA的编辑版本。您指的是盒子的宽度及其内容吗？如果是这样，你可以使用像

width

或

max width

这样的属性。我已经这样做了，这只是线条的厚度，不是吗？参见我的CSA的编辑版本。您指的是盒子的宽度及其内容吗？如果是这样，您可以使用像

width

或

max width

这样的属性。