2011-10-06 65 views
2

我想寫這樣的選擇,但沒有成功:CSS :: after :: selection?

.something::after::selection 

基本上我已經使用::後注入一些內容,即圖像。但是我想阻止用戶「選擇」這個圖像,並得到一個醜陋的藍色背影。

通常我可以防止這種情況有以下:

.something::selection 
{ 
    background-color: transparent; 
} 

但它似乎沒有好後用結合::。

有沒有人曾經嘗試過或有解決方案?

+0

什麼瀏覽器?鉻似乎阻止默認選擇。 –

+0

我正在使用chrome,但它允許我選擇。 – corsen

+0

@corsen:你可以在http://jsfiddle.net中做一個測試用例嗎?你還使用什麼版本的Chrome? – BoltClock

回答

0

不,在Firefox我100%肯定不能更改所選的圖像,效果好,是系統特定的,而不是定製的但

*編輯

+0

但他已經附上了圖片... – BoltClock

+0

@BoltClock我完全誤解了郵件 – 2011-10-06 18:38:45

0

爲了防止影像是選擇您可以使用下面的CSS:

img { 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 

也看到更新jsfiddle

With ::after請參閱jsfiddle