更改正方形问题的颜色

Question

我想知道是否有人可以帮助我。我试图在我的主页底部更改我的广场的颜色，当我尝试更改颜色时，它会一直消失。我试图将它从纯红色改成白色。为什么这会继续发生？

Here is my codepen

下面是我的CSS编码。

.next { 
    position:absolute; 
    bottom: 40px; 
    left:50%; 
    cursor:pointer; 
    height: 50px; 
    width: 50px; 
    border: 4px solid red; 
    border-top: none; 
    border-left: none; 
    transform: translateX(-50%) rotate(45deg); 
} 

亲切的问候，

利亚姆

Answer 1

您是否尝试过使用指定的颜色为十六进制值？

border: 4px solid #ff0000; //red 

Answer 2

根据您的css的箭头形状和颜色设置border属性。在这种情况下，你的div的右边界和下边界被赋予一个红色边框，然后div被旋转成看起来像一个向下的箭头。

更新的边框颜色为白色，而不是红色：

border: 4px solid white; 

如果你已经做上述，检查开发者控制台。有时Codepen不会完全更新您的更改 - 重新加载页面以再次尝试。