css修改trilium任务复选框样式

如题

您可以通过修改CSS来自定义Trilium任务复选框的样式。以下是一个示例代码，您可以将其添加到Trilium的用户样式表中：

/* 修改任务复选框样式 */
.checkbox-container {
    position: relative;
    display: inline-block;
    width: 20px; /* 修改宽度 */
    height: 20px; /* 修改高度 */
    border: 1px solid #ccc; /* 修改边框样式 */
    border-radius: 4px; /* 修改圆角 */
}

.checkbox-input {
    display: none;
}

.checkbox-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px; /* 修改内部方块大小 */
    height: 12px; /* 修改内部方块大小 */
    background-color: #007bff; /* 修改选中颜色 */
    border-radius: 2px; /* 修改内部方块圆角 */
    display: none;
}

.checkbox-input:checked + .checkbox-inner {
    display: block;
}

您可以将以上代码复制粘贴到Trilium的用户样式表中，然后根据需要调整样式属性来自定义任务复选框的外观。希望这可以帮助到您！如果您有任何疑问或需要进一步的帮助，请随时告诉我。