Noriu pakeisti hr
žymės spalvą naudodamas CSS. Toliau pateiktas kodas neveikia:
hr {
color: #123455;
}
Manau, kad turėtumėte naudoti border-color
, o ne color
, jei norite pakeisti <hr>
žymės sukurtos linijos spalvą.
Nors komentaruose buvo nurodyta, kad jei pakeisite linijos dydį, riba vis tiek bus tokio pločio, kokį nurodėte stiliuose, o linija bus užpildyta numatytąja spalva (o tai dažniausiai nėra pageidaujamas efektas). Taigi panašu, kad šiuo atveju taip pat reikėtų nurodyti background-color
(kaip savo atsakyme siūlė @Ibu).
HTML 5 Boilerplate projekto numatytojoje stilių lentelėje nurodoma tokia taisyklė:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
Straipsnyje pavadinimu "12 mažai žinomų CSS faktų", kurį neseniai paskelbė "SitePoint", minima, kad <hr>
gali nustatyti savo border-color
kaip savo patronuojančiąją color
, jei nurodysite hr { border-color: inherit }
.
hr
{
background-color: #123455;
}
fonas yra tas, kurį turėtumėte pabandyti pakeisti
Taip pat galite dirbti su apvadų spalva. nesu tikras, manau, kad dėl to kyla problemų su skirtingomis naršyklėmis. turėtumėte tai išbandyti skirtingose naršyklėse