MediaWiki:Common.css:修订间差异
外观
创建页面,内容为“→为可视编辑器编辑区域添加外边框和内边距: .ve-ui-surface .ve-ce-attachedRootNode { border: 2px dashed #36c; →2px 蓝虚线边框,可修改颜色或样式: padding: 15px; border-radius: 4px; background-color: #fafafa; →浅灰底色,进一步增强可编辑感知: } →当光标聚焦在编辑区时高亮边框: .ve-ui-surface-focused .ve-ce-attachedRootNode { border-color: #0056b3; border-style: solid;…” |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* | /* 修改可视编辑器编辑区:灰色实线边框,加大外围范围 */ | ||
.ve-ui-surface .ve-ce-attachedRootNode { | .ve-ui-surface .ve-ce-attachedRootNode { | ||
border: 2px | border: 2px solid #cccccc !important; /* 灰色实线 */ | ||
padding: | padding: 24px !important; /* 加大内边距,使框体范围变大 */ | ||
border-radius: | margin-top: 10px !important; | ||
background-color: #fafafa; /* | min-height: 450px !important; /* 设定最小高度,让框体向下延伸更长 */ | ||
border-radius: 6px !important; | |||
background-color: #fafafa !important; /* 保持浅灰底色 */ | |||
} | } | ||
/* | /* 获得焦点时的边框样式 */ | ||
.ve-ui-surface-focused .ve-ce-attachedRootNode { | .ve-ui-surface-focused .ve-ce-attachedRootNode { | ||
border-color: # | border-color: #999999 !important; /* 获得焦点时变成更深一点的灰色 */ | ||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important; | |||
box-shadow: 0 0 | |||
} | } | ||
2026年9月7日 (一) 18:11的版本
/* 修改可视编辑器编辑区:灰色实线边框,加大外围范围 */
.ve-ui-surface .ve-ce-attachedRootNode {
border: 2px solid #cccccc !important; /* 灰色实线 */
padding: 24px !important; /* 加大内边距,使框体范围变大 */
margin-top: 10px !important;
min-height: 450px !important; /* 设定最小高度,让框体向下延伸更长 */
border-radius: 6px !important;
background-color: #fafafa !important; /* 保持浅灰底色 */
}
/* 获得焦点时的边框样式 */
.ve-ui-surface-focused .ve-ce-attachedRootNode {
border-color: #999999 !important; /* 获得焦点时变成更深一点的灰色 */
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08) !important;
}