css修改trilium任务复选框样式

css修改trilium任务复选框样式

要修改Trilium任务复选框的样式，你可以使用以下CSS代码来实现：

/* 修改任务复选框的默认样式 */
.ui-checkbox {
    width: 16px; /* 设置复选框宽度 */
    height: 16px; /* 设置复选框高度 */
    border: 1px solid #bbb; /* 设置复选框边框样式 */
    border-radius: 3px; /* 设置复选框圆角 */
    background-color: #fff; /* 设置复选框背景颜色 */
}

/* 修改任务复选框选中状态的样式 */
.ui-checkbox:checked {
    background-color: #007bff; /* 设置选中时的背景颜色 */
    border-color: #007bff; /* 设置选中时的边框颜色 */
}

/* 修改任务复选框hover状态的样式 */
.ui-checkbox:hover {
    background-color: #f0f0f0; /* 设置鼠标悬停时的背景颜色 */
}

你可以将上面的CSS代码添加到Trilium的自定义CSS中（在设置中可以找到），然后保存并刷新页面，即可看到任务复选框样式的变化。你也可以根据需要自行调整颜色、大小等属性。希望对你有帮助！