第 361 篇 · 第 14 卷 前端，沒有極限 2026 年 6 月 9 日 · 台北
ls -lt ./posts --since=2013 REC · node 361 · uplink

css

CSS沒有極限 - CSS藏頭詩 Selection

2013 年 09 月 28 日 · 1 分鐘閱讀 · By Wang Casper

這是一個很簡單的技術，就是可以改變文字反選後的樣式，而支援的樣式並不多，目前僅有Color、background、background-color、text-shadow在內。

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

上面這一段，是正常版本的，只是做個陰影，沒有任何效果，只是要做個對照。

正式開始

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

上面這一段讓底色可以變黑，文字變成白色，但是我們可以注意到陰影在反白後，會影響閱讀。

div
	&::-moz-selection
		background: black 
		color: white
	&::selection  
		background: black 
		color: white

建議移除text-shadow效果

這是一段文章，知情人士已透露，除了價格的競爭，蘋果將推出低價iPhone，以及iPhone 5升級版。

像是這一段，另外再把text-shadow移除，是不是更好閱讀呢?

div
	&::-moz-selection
		background: red 
		color: white
		text-shadow: none
	&::selection  
		background: red 
		color: white
		text-shadow: none

::selection可以玩什麼

來源https://54.sp88.tw/poetry_list.php?page=1&so=1&keyname=po_ti&keyword=%E9%99%B3%E8%88%8A%E4%BD%A0%E6%88%91

英式濃茶的濃郁芬芳
經久不息的牽連妳我
那時妳同我烘焙釀造
陳舊了這紅銅色回憶
一個又一個鏽在我心
妳如壺中泉水的溫熱
再次纏繞如那母愛般
溶消極冰浮沈於腦海
而被溫順開展的那
萎縮的葉
是在極光下
畏縮的我

在我思考了很久之後，看來它只能玩藏頭詩...。

sasscss