nasıl bir metnin seçilmesini engellemek veya belirli metin üzerinde işaretçisi imleci değiştirmek istiyorsunuz

4 Cevap php

i üstünlük bunun bir arka plan resmi ve metin olan html bir düğme, daha "sorunsuz" görünüyor bu yüzden nasıl ben o metnin seçerek devre dışı bırakabilirsiniz var?

echo '<td width="130" height="30"'. "onClick='document.location = ".'"'.$value.'";'."'><center>".$key."</center></td></a>";

4 Cevap

Bu css kullanın:

#defaultPointer{
    cursor:default;
}

Bu div:

<div id="defaultPointer">
<p>
hello world
</p>
</div>

Sadece bir örnek, ama kılıf McGoats daha seemless yapmalıdır. Ben daha önce bir site ile aynı yaptık.

Sizin durumunuzda muhtemelen sadece orada var td için id eklemek istiyorum.

Umarım bu yardımcı olur.

Bunu yapmanın iki yolu

- Render the text as image as we have email in Facebook
- Overlay it with a Div with semi transparent image as a background

Ben senin soru correcty anladım varsa, sadece "td" bir stil eklemek, bir düğme gibi davranmasını istiyorum:

style="cursor:pointer;"

Fare imlecini şekillendirmek için, cursor CSS stili kullanmak gerekir.

.normalpointer {
    cursor:default;
}

Bu tüm tarayıcılarda çalışır. (Eski tarayıcılarda çapraz tarayıcı sorunları var mı, hangi tarz olabilir bazı işaretçi türleri vardır, ama default Kesinlikle her yerde çalışır)

Metin seçmek için yeteneği devre dışı bırakılması, biraz daha karmaşıktır: tarayıcı desteği çeşitlidir, çünkü bir şeyler yapmak gerekiyor.

CSS üzerinden yapıyor destekleyen tarayıcılar için, aşağıdakiler gerekir:

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

yani user:select:none; artı aynı tarayıcıya özgü değişik bir demet. Bu tarayıcı özgü bazı varyantlar muhtemelen destek gelişmiş olduğu gibi, şimdi düşmüş olabilir, ama yine de onları tutmak eğer, bir süre kendi tarayıcılarını yükseltme yapmamış insanları desteklemek mümkün olacak.

Ben yukarıda da IE9 çalışır inanıyorum, ama IE eski sürümleri kesinlikle bunu desteklemez. unselectable="on": olanlar için, size unselectable yapmak istediğiniz elemana aşağıdaki öznitelik eklemeniz gerekir

Böylece, tüm tarayıcılarda bir unselectable div bu gibi görünecektir:

<div class='unselectable' unselectabnle='on'>....</div>

(Yukarıdaki stil sayfasını sınıfı ile)

user-select CSS tarzı bir alternatif ::selection CSS kullanmak olacaktır. Bu seçili olduğunda metin nasıl göründüğünü şekillendirebilirsiniz. Aslında gözle görülür değişikliğe uğramadığını da metin hala seçilecek sağlayacak normal bir metin gibi aynı bakmak için seçim metnini ayarlamak için, örneğin bu kullanabilirsiniz:

.myclass::selection {
    background: transparent;
}

Yine, bazı tarayıcıların eski sürümlerini desteklemek için bazı satıcıya özel stil gerekebilir - örneğin:

.myclass::-moz-selection {
    background: transparent;
}

Umut olur.

etiketler