如何改变所有离子弹出窗口的不透明度

Question

如何更改项目中所有Ionic弹出窗口的不透明度?即$ionicPopup.show()。我已经尝试将以下条目以各种组合添加到www/style.css中，但无济于事。

.popup {
  opacity: 1.0;
}
.popup-body {
  opacity: 1.0;
}
.popup {
  opacity: 1.0 !important;
}
.popup-body {
  opacity: 1.0 !important;
}

Answer 1

这个jQuery代码应该在点击时改变.popup类的不透明度。这对你有用吗?如果没有，请发布更多的代码。查看这个JS文件:

不透明度调整N1

$(".clicker").click(function(){
   $("#first").css('opacity', '0.2');
   $("#second").css('opacity', '0.2');
});

Answer 2

最后使用Google Chrome Developer Tools远程调试器和元素检查器解决了这个问题。

我将此添加到www/style.css:

.popup-container > .popup {
  background: white;
}

谢谢你的努力，@ZombieChowder