Voglio cambiare il colore del mio tag hr
usando i CSS. Il codice che ho provato qui sotto non sembra funzionare:
hr {
color: #123455;
}
Penso che dovresti usare border-color
invece di color
, se la tua intenzione è di cambiare il colore della linea prodotta dal tag <hr>
.
Anche se è stato sottolineato nei commenti che, se cambi la dimensione della tua linea, il bordo sarà ancora largo come hai specificato negli stili, e la linea sarà riempita con il colore predefinito (che non è un effetto desiderato la maggior parte delle volte). Quindi sembra che in questo caso dovresti anche specificare background-color
(come suggerito da @Ibu nella sua risposta).
Il progetto HTML 5 Boilerplate nel suo foglio di stile di default specifica la seguente regola:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
Un articolo intitolato "12 Little-Known CSS Facts", pubblicato recentemente da SitePoint, menziona che <hr>
può impostare il suo border-color
al suo genitore's color
se si specifica hr { border-color: inherit }
.