在 REACT 中更改占位符的字體大小

Question

我正在使用 reacts form.control，我想減小占位符內容的大小：

<Form>
  <Form.Group controlId="formBasicEmail">
    <Form.Label>Email address</Form.Label>
    <Form.Control type="email" placeholder="Enter email" />
    <Form.Text className="text-muted">
      We'll never share your email with anyone else.
    </Form.Text>
  </Form.Group>

  <Form.Group controlId="formBasicPassword">
    <Form.Label>Password</Form.Label>
    <Form.Control type="password" placeholder="Password" />
  </Form.Group>
  <Form.Group controlId="formBasicCheckbox">
    <Form.Check type="checkbox" label="Check me out" />
  </Form.Group>
  <Button variant="primary" type="submit">
    Submit
  </Button>
</Form>

我通過在樣式中放置 fontsize 屬性嘗試了幾種方法，但它不起作用。

誰能建議我任何解決方案/鏈接以進行進一步分析

Answer 1

您應該使用::placeholder CSS 偽元素，如下所示：

.input::placeholder {
  font-size: 13px;
}