# Meta Post - Common CSS Hacks

**URL:** <https://forum.obsidian.md/t/meta-post-common-css-hacks/1978>\
**Category:** Themes & CSS snippets\
**Tags:** custom-css\
**Created:** [June 16, 2020, 2:17pm UTC](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978 "2020-06-16T14:17:57Z")\
**Posts on this page:** 1\
**Showing post:** 38

<div class="post-metadata">

**Author:** ![den](https://forum.obsidian.md/user_avatar/forum.obsidian.md/den/32/1932_2.png) [@den](https://forum.obsidian.md/u/den)\
**Post date:** [July 3, 2020, 1:14pm UTC](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/38 "2020-07-03T13:14:35Z")

</div>

Minimalistic Red / Green checkboxes

![Screenshot 2020-07-03 at 19.43.24](https://forum.obsidian.md/uploads/default/original/2X/6/69615cd08d1705a501c5f8d816b7ab4f4a2ca74e.jpeg)

```
/* CHECKBOX: Green / Red color */

.markdown-preview-view .task-list-item-checkbox{
    -webkit-appearance: none;
  box-sizing: border-box;
  border: 1px solid var(--text-muted);
  border-radius: 2px;
  position: relative;
  width: 1.3em;
  height: 1.3em;
  margin: 0;
  outline: none;
  margin-right: 4px;
  margin-bottom: 2px;
  cursor: pointer;
  vertical-align: baseline;

  background-color: #d068688f;
}

.markdown-preview-view .task-list-item-checkbox:checked {
  background-color: #68d0688f;
}
```

---

_[View the full topic](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978)._