Cách vẽ một đường có màu trong ứng dụng sáng bóng

Question

Đây có thể là điều đơn giản nhất đối với nhiều người, nhưng tôi đang vật lộn với nó. Tôi muốn vẽ một đường với màu sắc sử dụng thẻ html "hr" Đây là những gì tôi đã cố gắng cho đến nay trong tập tin ui.R:

HTML("<hr color='purple' >") 
HTML('<hr color="purple" >') 
hr(color="purple") 

Không ai trong số họ làm việc - bất cứ đề nghị xin vui lòng?

Answer 1

Sáng bóng cho thấy nhiều kiểm soát đối với giao diện của ứng dụng, nhưng điều đó xảy ra là màu của hr không phải là một trong số chúng. Vì vậy, bạn cần phải đào sâu vào CSS để kiểm soát sự xuất hiện của phần tử. Bạn có thể làm điều này bằng cách sử dụng includeCSS trong Sáng bóng để thêm biểu định kiểu mà bạn có thể sử dụng để kiểm soát giao diện của ứng dụng. Cách dễ nhất, tuy nhiên, có thể chỉ cần thêm CSS vào trực tiếp phần tử hr của bạn.

HTML('<hr style="color: purple;">') 

(EDIT) Lưu ý rằng, trong khi điều này sẽ làm việc cho hầu hết các yếu tố, hr không tôn trọng các color tài sản. hr s hoạt động lạ: Changing the color of an hr element

Tại đây bạn đang sửa đổi thuộc tính CSS color của phần tử hr. Xem https://developer.mozilla.org/en-US/docs/Web/CSS/color

Cũng lưu ý rằng bạn có thể sử dụng hr(style="...") thay vì xây dựng HTML thô, nếu bạn muốn. Tôi thấy rằng việc xây dựng mọi thứ bằng các thẻ Shiny làm cho mã dễ đọc hơn một chút trong hầu hết các trường hợp, nhưng YMMV.

Answer 2

Phải mất một chút đào nhanh/đọc vào câu trả lời và bình luận ở đây, nhưng, tóm tắt, điều này có vẻ làm việc (tôi thử nghiệm trên Mac Chrome, Safari và Firefox):

tags$hr(style="border-color: purple;") 

Bạn cũng có thể sử dụng HTML() nếu muốn, nhưng cũng có thể gắn bó với thẻ Sáng bóng, IMHO.