SORU
24 EYLÜL 2009, PERŞEMBE

Mermi span olmadan bir liste rengini değiştirmek

Eğer bir liste içinde mermi rengini değiştirmek için bir yol olup olmadığını merak ediyordum.

Böyle bir liste var:

<ul>
   <li>House</li>
   <li>Car</li>
   <li>Garden</li>
</ul>

Bana bir gibi Li'nin bir şey eklemek mümkün değildir '' ve''. p span Yani bu kurşun rengi ama bazı akıllı metin değil değiştirebilirim?

CEVAP
26 Kasım 2010, Cuma

Biçimlendirme ekleme, ama bunun yerine li:before kullanmadan bunu başardım. Bu tabii ki :before (eski IE desteği) tüm sınırlamaları vardır, ama çok sınırlı birkaç denemeden sonra IE8, Firefox ve Chrome ile iş gibi görünüyor. Madde işareti stilini de unicode ne ile sınırlıdır.

li {
  list-style: none;
}
li:before {
  /* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: 0;
  color: green;
  font-size: 20px;
}
<ul>
  <li>foo</li>
  <li>bar</li>
</ul>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:
CssXhtml

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HTC Tutorials

    HTC Tutorial

    21 EYLÜL 2010
  • Jana Williams

    Jana William

    17 AĞUSTOS 2011
  • TheTwistedFrequency

    TheTwistedFr

    26 NİSAN 2010

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR