MediaWiki:Citizen.css:修订间差异
MediaWiki界面页面
更多操作
创建页面,内容为“→========================================================================== 编辑器图标重影修复 (仅在 Citizen 皮肤生效) ==========================================================================: →1. 清除编辑器工具栏图标的遮罩层: .oo-ui-toolbar .oo-ui-iconElement-icon, .wikiEditor-ui .oo-ui-iconElement-icon, .oo-ui-icon-upload, .oo-ui-icon-msupload { -webkit-mask-image: none !important; mask-image: none !import…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* ========================================================================== | /* ========================================================================== | ||
编辑器图标重影:精准手术版 | |||
========================================================================== */ | ========================================================================== */ | ||
/* 1. | /* 1. 屏蔽作为容器的 <a> 标签上的图标渲染 */ | ||
.oo-ui- | .oo-ui-buttonElement-button.oo-ui-icon-upload, | ||
.oo-ui-buttonElement-button .oo-ui-icon-upload:not(.oo-ui-iconElement-icon) { | |||
.oo-ui-icon-upload | |||
.oo-ui-icon | |||
-webkit-mask-image: none !important; | -webkit-mask-image: none !important; | ||
mask-image: none !important; | mask-image: none !important; | ||
background- | background-image: none !important; | ||
} | } | ||
/* 2. | /* 2. 仅允许最内层的 iconElement 渲染图标 */ | ||
.oo-ui-icon | .oo-ui-iconElement-icon.oo-ui-icon-upload { | ||
.oo-ui-icon- | -webkit-mask-image: inherit; /* 恢复 Citizen 默认的遮罩逻辑 */ | ||
mask-image: inherit; | |||
/* 确保它在最上层显示 */ | |||
display: block !important; | |||
z-index: 2; | |||
} | } | ||
/* 3. | /* 3. 彻底清除工具栏中所有可能的伪元素干扰 */ | ||
.oo-ui-toolbar .oo-ui-iconElement-icon::before, | .oo-ui-toolbar .oo-ui-iconElement-icon::before, | ||
.oo-ui-toolbar | .oo-ui-toolbar .oo-ui-iconElement-icon::after { | ||
content: none !important; | content: none !important; | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* 4. | /* 4. 暗色模式兼容:修正 Citizen 可能存在的滤镜重叠 */ | ||
.mw-layout-context-dark .oo-ui-iconElement-icon { | .mw-layout-context-dark .oo-ui-iconElement-icon.oo-ui-icon-upload { | ||
background-color: #fff !important; /* Citizen 靠背景色渲染图标颜色 */ | |||
filter: none !important; | filter: none !important; | ||
} | } | ||
2026年4月2日 (四) 21:41的版本
/* ==========================================================================
编辑器图标重影:精准手术版
========================================================================== */
/* 1. 屏蔽作为容器的 <a> 标签上的图标渲染 */
.oo-ui-buttonElement-button.oo-ui-icon-upload,
.oo-ui-buttonElement-button .oo-ui-icon-upload:not(.oo-ui-iconElement-icon) {
-webkit-mask-image: none !important;
mask-image: none !important;
background-image: none !important;
}
/* 2. 仅允许最内层的 iconElement 渲染图标 */
.oo-ui-iconElement-icon.oo-ui-icon-upload {
-webkit-mask-image: inherit; /* 恢复 Citizen 默认的遮罩逻辑 */
mask-image: inherit;
/* 确保它在最上层显示 */
display: block !important;
z-index: 2;
}
/* 3. 彻底清除工具栏中所有可能的伪元素干扰 */
.oo-ui-toolbar .oo-ui-iconElement-icon::before,
.oo-ui-toolbar .oo-ui-iconElement-icon::after {
content: none !important;
display: none !important;
}
/* 4. 暗色模式兼容:修正 Citizen 可能存在的滤镜重叠 */
.mw-layout-context-dark .oo-ui-iconElement-icon.oo-ui-icon-upload {
background-color: #fff !important; /* Citizen 靠背景色渲染图标颜色 */
filter: none !important;
}