改变方形问题的颜色

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

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

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

border: 4px solid white;

如果您已经在执行上述操作，请检查开发人员控制台。有时，codepen无法完全更新您的更改 - 重新加载页面以再次尝试。

Answer 2

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

 border: 4px solid #ff0000; //red