HR elemento spalvos keitimas

Noriu pakeisti hr žymės spalvą naudodamas CSS. Toliau pateiktas kodas neveikia:

hr {
    color: #123455;
}
Uwe Keim
Redaguotas klausimas popietr gruodis 2018 в 1:22
Programavimas
html css
priešpietr birželis 2011 в 6:15
17 peržiūros
Sprendimas

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 }.

Anton Strogonoff
Redaguotas atsakymas priešpietr balandis 2019 в 10:32
Komentarai (5)
 
hr
{
spalva: #f00;
fono spalva: #f00;
aukštis: 5px;
}
Komentarai (0)
 
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

Komentarai (5)