我有一个“回到顶部”箭头几乎到网站的页脚，我有一个边界底部到该div。到目前为止一切都很好，我唯一的问题是，我想删除我用CSS做的那个三角形周围的任何边框，没有边框底部，因为它看起来很丑......
我尝试更改内部div的边框底部，但它不起作用
答案 0 :(得分：2)
只要您要求“黑客”，那么是：只需在HTML中添加另一个div，使用:before和:after伪元素。将border-bottom移动到这些元素并给它们看起来正确的宽度。
当然，这需要一个没有语义价值的额外HTML元素 - 尽管将所有这三个内容div包装在另一个内容中是有意义的，并且您可以将属性添加到该元素中。
Nested or multiple pseudo-elements，如果获得支持，将是更好的方式。
不幸的是，只添加一个底部边框到：之前和之后的样式将不起作用（它们仍然会延伸得太远），因为CSS边框的呈现方式 - 看到这会使边框变粗，不同的颜色。 this question的答案也说明了这一点。
答案 1 :(得分：1)
我不确定我是否完全理解这个问题，因为它看起来很简单。
如果你要省略border-bottom: 1px solid #c6c5c5 div的#backtotop样式，这会删除问题 - 不是吗？
另一种方法是更改箭头元素，使其成为整个图像，而不是您正在执行的::before和::after元素。但是你需要匹配模式背景。
我没有看到另一种方式，尤其是可以在多种浏览器中使用的方式。
答案 2 :(得分：1)
您的箭头似乎是带有CSS背景的<a>标记。
到目前为止一切都很好，我唯一的问题是我想删除任何 我用CSS做的那个三角形边界，没有边框底部因为 它看起来很丑..
在Chrome中检查后，没有应用边框底部。事实上，它是一个绝对定位的元素，因此边界不能作为间距给予者。只需稍微调整一下top属性（可能是6px或9px），就可以完善你的定位。