reactjs - React bootstrap 如何强制我的按钮更薄？

Question

我的按钮使用 React-bootstrap 时出现问题，我找不到如何使它们更薄：（我希望支票与“验证”的高度相同）

这是我的代码：

import React from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import Table from 'react-bootstrap/Table';
import Button from "react-bootstrap/Button";
import { Check } from 'react-bootstrap-icons';

<div className="container">
   <div className="row">
      <Table striped bordered hover>
         <thead>
            <tr>
               <th>PyFeel</th>
               <th>Google CNL</th>
            </tr>
         </thead>
         <tbody>
            <tr>
               <td>
                  <Button variant="success" onClick={() =>
                     { this.validatePred(k) }}>Validate 
                     <Check/>
                  </Button>
               </td>
               <td>
                  <Button variant="success" onClick={() =>
                     { this.validatePred2(k) }}>Validate 
                     <Check/>
                  </Button>
               </td>
            </tr>
         </tbody>
      </Table>
   </div>
</div>

我试图添加size='sm'，但问题是一样的

标签： reactjsbuttonreact-bootstrap

Answer 1

您最好制作自己的按钮，然后添加最大高度。该按钮的 css 看起来很简单。