2013-10-29 15 views
5

::first-letter sözde öğeye uygulanan bir öğenin ilk karakterini vurgulamanın bir yolu var mı?CSS ilk harf seçiminin vurgulanması

Kullanıcıya bir metin seçimiyle ilgili geri bildirimde bulunmaya çalışıyorum. Seçilen metin bir Twitter eklentisi için kullanılıyor ve iyi çalışıyor (yani, ilk harf karakteri içeriyor); Ancak, metin aslında vurgulanmış gibi görünmüyor.

Burada CodePen example için bir bağlantı ve burada ben neden bahsettiğimi göstermek yardımcı olmak için bir ekran görüntüsü: Ben büyük, kırmızı "S" vurgulamak denemiş ancak başaramadı

enter image description here

.

Herhangi bir yardım büyük beğeni topluyor ve bu bir yinelenen ise önceden özür dilerim. Teşekkürler!

p:first-letter { 
    float: left; 
    font-size: 3em; 
    color: #333; 
} 

<p>This is your paragraph.</p> 

Ben Styling CSS First-Letter başlıklı bir makalede, birkaç yıl önce bu konuda yazmış:

+1

: Yani Chrome/yum/WebKit bir hata olduğunu. – Rex

+1

Kesinlikle Firefox'ta benim için çalışıyor. – BoltClock

+1

WebKit ile ilgili bir sorun var gibi görünüyor. –

cevap

2

Bu bilinen bir hata ve oradan alınan bu soruya CSS First Letter Highlighting

kopyasıdır: bağlantınızda kendi çalışma @doublewire https://code.google.com/p/chromium/issues/detail?id=17528

+0

Bir yorum göndermenin asıl eylemi doğruydu - Neden yorumun silindiğini ve cevabını yazmanın iyi bir fikir olduğunu düşündüğünden emin değilim. Yinelenen bir cevabı kopyalayarak yinelenen bir soruyu cevaplamak, çoğaltmayı daha da kötüleştirmekten başka bir şey yapmaz. – BoltClock

+0

Bu, adil bir argüman ve kabul ediyorum, bununla birlikte "daha fazla yorum" geçişinde kaybolduğundan korkuyordum. Bir yorumu değiştirip/değiştirdiyse anlarım. –

-1

Böyle bir şey yapabiliriz. Orada daha özel vaka örnekleri var.

+1

Bunlardan herhangi biri, soruda verilen problemi nasıl çözer? Bağlı olan test vakasına baktınız mı? – BoltClock

+1

Teşekkürler, ancak sözde öğe yüzer metin seçim sorununda yardımcı görünmüyor. – doubleswirve

İlgili konular