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

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小提琴：

Opacity Fiddle N1

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

Answer 2

最后使用Google Chrome开发者工具远程调试器和元素检查器确定了它。

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

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

感谢您的努力，@ ZombieChowder。