更改正方形問題的顏色

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不會完全更新您的更改 - 重新加載頁面以再次嘗試。