CSS图标很难点击

我已经想出了我自己的加号图标，因为字体对我来说太厚了。但我有一个问题：很难点击图标。用户必须将光标精确地放在减号上，才能单击图标或查看工具提示

.plus{
位置：相对位置；
宽度：15px；
高度：15px；
}
.另外：之前，
.另外：之后{
位置：绝对位置；
左：15px；
内容：''；
高度：15px；
宽度：2倍；
背景颜色：灰色；
}
.另外：以前{
变换：旋转（90度）；
}

---

在此代码中，我已将您的

.plus

更改为具有

显示：块背景：蓝色和a
填充：3px
向您展示它是如何工作的

更改图标本身的位置时，可能需要编辑
.plus:before
类以与填充对齐

我希望这有帮助


.plus{
宽度：15px；
高度：15px；
位置：相对位置；
显示：块；
背景：蓝色；
填充：3倍；
}
.另外：之前，
.另外：之后{
位置：绝对位置；
左：9px；
内容：''；
高度：15px；
宽度：2倍；
背景颜色：灰色；
}
.另外：以前{
变换：旋转（90度）；
}
基本上，添加
显示：块将解决此问题。在这里，我还添加了一个临时的粉红色背景，以使可点击区域更清晰，并调整了更多的值


.plus{
位置：相对位置；
显示：块；
宽度：15px；
高度：15px；
背景：粉红色；
}
.另外：之前，
.另外：之后{
位置：绝对位置；
左：7px；
内容：''；
高度：15px；
宽度：2倍；
背景颜色：灰色；
}
.另外：以前{
变换：旋转（90度）；
}
我认为您的代码不完整，不是吗？无论如何，像这样的问题通常可以通过在图标周围添加一个小填充来解决。将其设置为内联块-您目前没有高度或宽度，这就是为什么无法单击以引用@pete，还要确保它是内联块，以确保它具有高度和宽度。@EdgarNavasardyan正在处理它。您能告诉我您为实现这一点做了哪些更改吗？在您的第二块CSS代码中，我将您更改为左：7px；向左：9px！