<分区>
我正在尝试自己制作这个待办事项 https://www.w3schools.com/howto/howto_js_todolist.asp
但是这段css代码:
/* Add a "checked" mark when clicked on */
ul li.checked::before {
content: '';
position: absolute;
border-color: #fff;
border-style: solid;
border-width: 0 2px 2px 0;
top: 10px;
left: 16px;
transform: rotate(45deg);
height: 15px;
width: 7px;
}
在列表前打勾,怎么把勾打在列表前?
最佳答案
“检查”只是给定特定尺寸然后旋转的空框的边框。 ::before
伪元素位于内容的开头,宽度和高度形成一个矩形,边框在四个边中的两个边上放置线条,然后转换旋转它,使边框看起来像一张支票。有点迂回的做法。他们也可以只使用 `content: 'some checkbox char'``。
如果您更改 border-width
或转换内容,您就会明白我的意思。
关于html - 这个 css 是怎么在 <li> 之前打勾的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45239558/