为什么背景过滤器仅在我在浏览器检查器中手动修改 Apex 主题的原始 CSS 文件时才起作用？

Question

原始问题：有没有办法强制向 Apex 通用主题元素添加新的 CSS 属性？

首先，我知道这只是一种风格特征，但它也适用于可用性特征，并且我想认为有一个解决方法（或者我只是还没有尝试一切可能的方法）。 我正在使用 Oracle Apex 5.1.4 制作一个 Web 应用程序。该应用程序的样式采用内置 Universal Theme 42。 我试图为登录页面提供自定义样式（由 Apex 在创建应用程序时生成），特别是登录内容，通过它的类

t-Login-region

。我已经能够更改现有属性（例如

background-color

、

border-radius

等）和一些新属性（例如

filter

）。

我遇到了一个问题，我试图将

backdrop-filter

应用于登录区域，因此它会模糊其下方的背景。我尝试从浏览器检查器添加属性以在不更改 CSS 的情况下进行实时测试，然后从Theme Roller，最后从Page Designer（内联CSS）添加属性。这些都不起作用......本身。

通过检查器干预一段时间后，我注意到页面主题 (Core.min.css?v=5.1.4.00.08) 的原始 CSS 文件中的此块将样式应用于

t-Login-region

类：

.t-Login-region {
    border-radius: 2px;
    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.075);
    overflow: hidden;
    padding: 32px
}

我在最后一行添加了分号和

backdrop-filter

。现在我注意到，只有当我通过浏览器检查器对该 CSS 文件进行实时更改时，效果才会开始起作用。另外，这种情况只发生在 backdrop-filter 上。我将其更改为

filter

并且它工作得很好，因此我可以有效地添加新属性，这正是我试图添加的不起作用的...无论如何，这是我的自定义 CSS：

body {
    background-image: linear-gradient(45deg, black 50%, white 50%);
}

.t-Login-region {
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(10px);
}

Answer 1

编辑： 当您单击文件名而不是下载按钮时，您应该能够在内置编辑器上对其进行编辑：