css - 在 Ionic 中用圆 Angular 提醒

Question

我已经创建了一个警报，但我最不想做的就是把 Angular 变圆。这是我在 app.scss 中的 css 代码:

    .my-class {
  .alert-head {
    background-color: white;
    height: 95px;
  }
  .alert-message {
    font-size: 20px;
  }
  .alert-button {
    color: dodgerblue;
    margin-right: 100px;
    font-family: "OpenSans";
    font-size: 22px;
  }
  .alert-title {
    text-align: center;
    font: bolder;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  .alert-subTitle {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }

Answer 1

只需将此代码添加到任何要对其进行舍入的元素即可你的选择器{
边界半径:5 px；
如果不起作用，您可以使用这个来强制它接受您的风格你的选择器{
border-radius: 5 px !important;
}

而且你还应该为你这样写的每个选择器写下你的类名

.my-class .alert-head {
    background-color: white;
    height: 95px;
  }
 .my-class .alert-message {
    font-size: 20px;
  }
 .my-class .alert-button {
    color: dodgerblue;
    margin-right: 100px;
    font-family: "OpenSans";
    font-size: 22px;
  }
 .my-class .alert-title {
    text-align: center;
    font: bolder;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
 .my-class .alert-subTitle {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }