Oracle APEX 20.1:Theme Vita Dark CSS-带有自动完成功能的文本字段出错
Oracle APEX 20.1: Theme Vita Dark CSS-Error on Textfield with autocomplete
当您将 Vita 深色主题应用到您的应用并具有 selection 列表时,例如在具有自动完成功能的文本字段中,select 列表中的背景和文本为白色且因此很难阅读。
Screenshot to show the wrong colors
有什么解决方法吗?所有其他标准主题都可以正常工作。
问题可以通过 css 的片段解决,可以轻松添加到自定义 css Vita - 深色主题下的主题滚轮中。
.oj-listbox-drop {
background-color: #222629;
color: #fefefe;
border-width: 0;
border-radius: 2px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1);
padding: 8px 0
}
.oj-inputsearch-choice {
color: inherit;
background-color: transparent;
border-color: transparent
}
.oj-listbox-results .oj-hover {
--oj-listbox-bg-color-hover: #0076df;
background-color: #0076df;
color: #fff
}
当您将 Vita 深色主题应用到您的应用并具有 selection 列表时,例如在具有自动完成功能的文本字段中,select 列表中的背景和文本为白色且因此很难阅读。
Screenshot to show the wrong colors
有什么解决方法吗?所有其他标准主题都可以正常工作。
问题可以通过 css 的片段解决,可以轻松添加到自定义 css Vita - 深色主题下的主题滚轮中。
.oj-listbox-drop {
background-color: #222629;
color: #fefefe;
border-width: 0;
border-radius: 2px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.1);
padding: 8px 0
}
.oj-inputsearch-choice {
color: inherit;
background-color: transparent;
border-color: transparent
}
.oj-listbox-results .oj-hover {
--oj-listbox-bg-color-hover: #0076df;
background-color: #0076df;
color: #fff
}