小编Mur*_*ilo的帖子

我需要一个没有完整尺寸(80%宽度,<60%高度,居中)的模态页面来选择一些项目,如警报控件.如何为这种情况实现CSS？

如何使模态屏幕像此链接一样圆润？

我的CSS代码是：

.modal {
   background: rgba(0, 0, 0, 0.5) !important;
   padding: 25% 15%  !important;
   display: block;
   border-radius: 25px;
 }

模态.html

   <ion-content>
     <div class="subtitulo">
       <h4>Select your city</h4>
     </div>

    <ion-list>
      <button ion-item *ngFor="let cidade of cidades" (click)="selCidade(cidade)" detail-none>
        <h3 text-wrap>{{ cidade.nome }}</h3>
        <ion-icon name="ios-arrow-forward" item-right></ion-icon>
      </button>
     </ion-list>
   </ion-content>

但边界半径没有影响。我尝试了一些教程，但没有人有效果。

对于这种情况，我需要一些 CSS 帮助

谢了，