Thuộc tính CSS-Màu không hoạt động

Question

Tôi gặp vấn đề với màu đường viền. Nó không hoạt động. Tôi mới đến css ở đây là fiddle. http://jsfiddle.net/zeburrehman/aFzKy/151/

<div id="box"> 
Hello! The color of box border should be red!! 
</div>​ 

#box { 
border-color: red; 
}​ 

Answer 1

Theo mặc định, border-width là 0 và border-style là none

Vì vậy, bạn cần phải đặt chúng vào border-width:1px và border-style:solid. Bạn có thể kết hợp tất cả các thuộc tính đường viền thành một như sau:

#box { 
    border:1px solid red 
} 

Answer 2

Bạn cần phải thêm phong cách biên giới:

#box { 
    border: 1px solid red; 
} 

Answer 3

Hãy thử cách này: border: 5px solid red;

Answer 4

Tôi gặp sự cố khi có vẻ như border-color không được tôn trọng, gây nhầm lẫn thậm chí cho thấy có màu phù hợp trong thanh tra kiểu trong Chrome (có thể là lỗi của Chrome). Điều quan trọng đối với tôi là nếu phong cách biên giới viết tắt được chỉ định, nó đặt tất cả ba khía cạnh của phong cách biên giới, không phân biệt nếu họ có hay không vậy:

border-left: 1px; 

Trên thực tế ghi đè cả border-left-style và border-left-color tính mặc dù chúng không được bao gồm. Ví dụ: điều này có thể khiến kiểu được kế thừa bị ghi đè và có vẻ không hoạt động.