Google không có may mắn, và cũng có các câu hỏi màu hr
, dẫn đến cách thay đổi màu hr
Tôi muốn tạo một border
với cùng màu với màu mặc định, nhưng tôi không biết chính xác là màu gì.
Có ai biết?
P.S. - Tôi biết cách thay đổi màu của thẻ nhân sự .. Tôi muốn tìm hiểu nó là gì trước khi tôi thay đổi nó
Christoph
48.7K19 Huy hiệu vàng98 Huy hiệu bạc127 Huy hiệu đồng19 gold badges98 silver badges127 bronze badges
Đã hỏi ngày 22 tháng 2 năm 2013 lúc 14:33Feb 22, 2013 at 14:33
Nick Ginantonick GinantoNick Ginanto
29,8K45 Huy hiệu vàng132 Huy hiệu bạc235 Huy hiệu Đồng45 gold badges132 silver badges235 bronze badges
8
Màu sắc của thước đo ngang phụ thuộc vào trình duyệt, nhưng bạn có thể có được màu của phần tử hr
như sau:
el = document.querySelector["hr"];
color = window.getComputedStyle[el].getPropertyValue["border-top-color"];
console.log[color];
Tuy nhiên, lưu ý rằng ____1010 là hình nhỏ, vì vậy màu sắc bạn nhận được có thể khác với giá trị "thực" mà bạn nhìn thấy trên màn hình. Bạn hoặc muốn:
- Cung cấp cho biên giới của bạn theo kiểu biên giới giống như
hr
- Đặt kiểu đường viền của phần tử
hr
thành
3 như tôi đã làm trong bản demo để có được màu "thật"hr { color: red; }
- Nhận kiểu biên giới của ____ 5 thành phần và điều chỉnh màu của bạn cho phù hợp [có thể là khó khăn và trình bày phụ thuộc để tính toán]
Xem một bản demo thể hiện nhận được màu sắc.
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:50Feb 22, 2013 at 14:50
ChristophchristophChristoph
48.7K19 Huy hiệu vàng98 Huy hiệu bạc127 Huy hiệu đồng19 gold badges98 silver badges127 bronze badges
1
Đã hỏi ngày 22 tháng 2 năm 2013 lúc 14:33
Nick Ginantonick Ginanto
29,8K45 Huy hiệu vàng132 Huy hiệu bạc235 Huy hiệu ĐồngFeb 22, 2013 at 14:45
Màu sắc của thước đo ngang phụ thuộc vào trình duyệt, nhưng bạn có thể có được màu của phần tử hr
như sau:
Tuy nhiên, lưu ý rằng ____1010 là hình nhỏ, vì vậy màu sắc bạn nhận được có thể khác với giá trị "thực" mà bạn nhìn thấy trên màn hình. Bạn hoặc muốn:
hr {
color: red;
}
Cung cấp cho biên giới của bạn theo kiểu biên giới giống như hr
Đặt kiểu đường viền của phần tử hr
thành
3 như tôi đã làm trong bản demo để có được màu "thật" As it seems that depending on the browser one needs to use hr {
color: red;
}
hr {
color: red;
}
6 or hr {
color: red;
}
7 [see comments]. It seems
sensible to use both in your CSS:hr {
color: red;
background-color: red;
}
Nhận kiểu biên giới của ____ 5 thành phần và điều chỉnh màu của bạn cho phù hợp [có thể là khó khăn và trình bày phụ thuộc để tính toán]Feb 22, 2013 at 14:37
Xem một bản demo thể hiện nhận được màu sắc.Veger
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:5011 gold badges107 silver badges114 bronze badges
4
Christophchristoph
W3 không xác định màu mặc định cho phần tử HR [//www.w3.org/tr/css21/sample.html], HTML5 Kiểu mặc định chưa được xác nhận nhưng không nên thay đổi thực tế này.Feb 22, 2013 at 14:36
Do đó, mỗi trình duyệt được tự do áp dụng mặc định của riêng mình.Cromax
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:451 gold badge23 silver badges33 bronze badges
Màu sắc phụ thuộc vào trình duyệt/triển khai, vì vậy việc biết màu sắc là không thể.
Thay vào đó, bạn có thể xác định màu của phần tử như bạn muốn sử dụng CSS:
Bây giờ bạn biết rằng màu có màu đỏ!
CẬP NHẬT: Dường như tùy thuộc vào trình duyệt, người ta cần sử dụng
hr {
color: red;
}
6 hoặc hr {
color: red;
}
7 [xem nhận xét]. Có vẻ hợp lý khi sử dụng cả trong CSS của bạn:Feb 22, 2013 at 14:55
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:37Paul D. Waite
Vegerveger54 gold badges196 silver badges266 bronze badges
2
36,5K11 Huy hiệu vàng107 Huy hiệu bạc114 Huy hiệu đồng
hr {
color: #f00;
background-color: #f00;
}
AFAIK Đó là phụ thuộc hệ điều hành [hoặc thậm chí là thiết bị] --- vì vậy không có thứ gọi là "màu nhân sự mặc định".
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:36Feb 22, 2013 at 14:48
CromaxcromaxTNK
1.6501 huy hiệu vàng23 Huy hiệu bạc33 Huy hiệu đồng15 gold badges56 silver badges81 bronze badges
5
Lưu ý rằng một số trình duyệt không hiển thị S dưới dạng một dòng một màu.
Dưới đây là một ảnh chụp màn hình được phóng to của đầu bên trái của trong Chrome 24 trên Windows trên nền trắng:Jun 30, 2014 at 10:59
Vì vậy, bạn đã có hai màu để lựa chọn từ đó.optimus prime
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:551 gold badge13 silver badges38 bronze badges
Paul D. Waitepaul D. Waite#eee on Internet Explorer 11.
94,7K54 Huy hiệu vàng196 Huy hiệu bạc266 Huy hiệu ĐồngAug 31, 2017 at 19:13
Sử dụng cả
hr {
color: red;
}
6 và hr {
color: red;
}
7Luo Jiong HuiLàm việc trong tình trạng làm việc: //jsfiddle.net/d2uaz/1/2 gold badges23 silver badges17 bronze badges
0
Đã trả lời ngày 22 tháng 2 năm 2013 lúc 14:48
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
TnktnkFeb 22, 2013 at 14:42
4.15315 Huy hiệu vàng56 Huy hiệu bạc81 Huy hiệu đồngJason
Màu mặc định của HR có màu đen1 gold badge2 silver badges11 bronze badges
2