在 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;
}