Html 如何在Ionic 2中应用image CSS3过滤器

我正在尝试通过CSS3过滤器来提高一些图像的分辨率，以自动编辑它，您可以在这个链接中找到许多过滤器

无论如何，我的问题是，当我试图在img标记中使用id或class对一个图像应用过滤器时，没有发生任何更改

这是我的代码的一个示例

<img src="{{noteImg.url}}" style="height:135px !important; margin=0px -webkit-filter: contrast(200%); filter: contrast(200%);"  #imageToView (click)="viewImg(imageToView)"/>

相反，我想在一些图像上应用效果

---

在页面名称{}中使用Css。 如： 它将仅应用于此metion页面

page-yourPagename {
 img {
   -webkit-filter: contrast(200%); /* Safari */
   filter: contrast(200%);
 }
}

或者尝试使用类名

page-yourPagename {
 .image {
   -webkit-filter: contrast(200%); /* Safari */
   filter: contrast(200%);
 }
}

---

style

属性的内容有问题：

<img src="{{noteImg.url}}" style="height:135px !important; margin: 0; -webkit-filter: contrast(200%); filter: contrast(200%);"  #imageToView (click)="viewImg(imageToView)"/>

添加一个工作示例，您的语法/名称/属性可能有错误…@Dekel您可以看到我的img标记代码。.与该图像相关的css在哪里？@Dekel我使用了样式。我想这和我的回答是一样的。我用我的代码编辑了这个问题。有什么错误吗？@AliH我没有得到

margin=0px

据我所知，应该是

margin:0xp。否则我觉得你很好。