css 设置 div 内所有子元素不可编辑

.readonly-container {
    user-select: none; /* 阻止用户选择文本 */
    pointer-events: none; /* 阻止所有鼠标事件 */
}
.readonly-container * { /* 应用于所有子元素 */
    user-select: none;
    pointer-events: none;
    opacity: 0.8; /* 可以调整透明度来显示元素是不可编辑的 */
    cursor: not-allowed; /* 改变光标样式 */
}