要修改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中(在设置中可以找到),然后保存并刷新页面,即可看到任务复选框样式的变化。你也可以根据需要自行调整颜色、大小等属性。希望对你有帮助!
|