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:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DeAdPiXel6667

    DeAdPiXel666

    2 Ocak 2010
  • FRED

    FRED

    1 EKİM 2005
  • Tips On Linux

    Tips On Linu

    26 Temmuz 2008