无法将边框添加到弹出模式

Question

我使用的是reactjs-popup库中的一个弹出模式组件。

export default () => (
  <Popup
    trigger={<button className="button"> Guide </button>}
    modal
    nested
  >
    {(close: any) => (
      <div className="modal">
        <button className="close" onClick={close}>
          &times;
        </button>
        <div className="header"> Guide </div>
        <div className="content">
          {' '}
      
          <img src={img} alt="charts" className="charts" />
          What is overfitting?
          <br />
          What is underfitting?
          This example demonstrates the problems of underfitting and overfitting and how we can use linear regression with polynomial features to approximate nonlinear functions.
        </div>
        <div className="actions">
        </div>
      </div>
    )}
  </Popup>
);

它看起来是这样的：

​

我想在popup组件中添加一个粗黑的边框。我如何做到这一点呢？我现在的css似乎不能工作。

.modal {
    font-size: 12px;
    border-color: black;
    border-radius: 100px;
  }

Answer 1

您需要设置border-style: solid;，默认值为none。(也许border-width也是)

Answer 2

添加:边框:实体1px #000；

.modal {
    font-size: 12px;
    border-radius: 100px;
    border: solid 1px #000;
  }