Css 在离子2中更改警报控制器的样式和文本修改

Css 在离子2中更改警报控制器的样式和文本修改,css,angular,ionic-framework,sass,ionic2,Css,Angular,Ionic Framework,Sass,Ionic2,实际上,我的警报控制器“标题”太长了,所以我想调整文本大小,我添加了Css类,然后尝试通过给它指定字体大小来更改SASS中的样式。不幸的是,它不起作用,按钮文本是大写的。那么还有什么方法可以更改文本的字体大小呢,按钮颜色和大小,并将按钮文本更改为小写 我的打字脚本文件 我的SASS(CSS)文件 您必须将css添加到页面scss块之外 .alertLogCss{ background-color: white; color: red; font-size: 4px;

实际上,我的警报控制器“标题”太长了,所以我想调整文本大小,我添加了Css类,然后尝试通过给它指定字体大小来更改SASS中的样式。不幸的是,它不起作用,按钮文本是大写的。那么还有什么方法可以更改文本的字体大小呢,按钮颜色和大小,并将按钮文本更改为小写

我的打字脚本文件

我的SASS(CSS)文件


您必须将css添加到页面scss块之外

.alertLogCss{
    background-color: white;
    color: red;
    font-size: 4px;
    button{
        color: red !important;
        font-size: 10px;
        text-transform: lowercase !important;
    }
  }

放入app.scss

你能用codepen/jsfiddle/plunker等创建一个工作代码段吗?回答会更快。弹出窗口在哪里?我在输出中看不到。我认为在codepen或JSFible中添加警报控制器太难了,alertcontroller位于主应用程序模块中。您是否检查它是否已位于app.scss中……是否可以在alertcontroller中添加图像或图标?您可以编写类似以下消息的消息属性:“刷新过程需要时间才能完成”,实际上,文本直接转换为小写,有没有办法使第一个字母变成大写,比如“立即刷新”……为此,您可以编写text transformation=“capitalize!important”
.alertLogCss{
  background-color: white;
  color: red;
  font-size: 4px;
  button{
      color: red;
      font-size: 5px;
  }
}
.alertLogCss{
    background-color: white;
    color: red;
    font-size: 4px;
    button{
        color: red !important;
        font-size: 10px;
        text-transform: lowercase !important;
    }
  }