Mermi span olmadan bir liste rengini değiştirmek | Netgez.com
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

  • filmurfreakur

    filmurfreaku

    29 Mart 2007
  • hans peder sahl

    hans peder s

    22 Temmuz 2009
  • Rozetked | Обзоры

    Rozetked | Ð

    5 AÄžUSTOS 2011

Ä°LGÄ°LÄ° SORU / CEVAPLAR

Ä°LGÄ°LÄ° BAÄžLANTILAR