HN 提问：为什么点赞箭头这么小？
3 分•作者: guilhermeasper•3 个月前
HN 上的 `.votearrow` 元素是 10x10 像素：
```css
.votearrow {
width: 10px;
height: 10px;
border: 0px;
margin: 3px 2px 6px;
background: url("triangle.svg"), linear-gradient(transparent, transparent) no-repeat;
background-size: 10px;
}
```
在移动设备上，我经常会误触标题而不是箭头。我通过 Stylus 运行这个覆盖样式已经有一段时间了：
```css
.votearrow {
width: 40px;
height: 40px;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
cursor: pointer;
}
```
查看原文
The .votearrow element on HN is 10x10px:<p>.votearrow {
width: 10px;
height: 10px;
border: 0px;
margin: 3px 2px 6px;
background: url("triangle.svg"), linear-gradient(transparent, transparent) no-repeat;
background-size: 10px;
}<p>On mobile, I keep tapping the title instead of the arrow. I've been running this override via Stylus for a while:<p>.votearrow {
width: 40px;
height: 40px;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 16px;
cursor: pointer;
}