在Ionic中带有圆角的警报

时间:2018-10-04 09:17:03

标签: css ionic-framework

我创建了一个警报,但我想做的最后一件事是使拐角处的圆角变圆。 这是我在app.scss中的CSS代码:

ARRAY.contains() not implemented for the base ARRAY type; please use the dialect-specific ARRAY type

1 个答案:

答案 0 :(得分:4)

只需将此代码添加到要四舍五入的任何元素 yourselector { border-radius: 5 px; }  如果不起作用,您可以使用它来强迫它接受您的风格 yourselector { 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;
  }