霧中風景

When we surf the web, sometimes highlighting table rows on mouse hover makes life so much easier. I used to use GreaseMonkey to do the job, but recently I discovered the CSS’s equilvalent, which in theory should be a fraction of a second faster. The steps are simple but is only for Firefox.

Firstly install Stylish, which to CSS is like GreaseMonkey to Javascript. Then add the following style:

tr:hover{background-color:#FFFACD}

That’s about it. Configure further if you need to. I really hope the day when :hover is supported universally and I won’t have to touch Javascript for that (stop using IE6 dammit).

有時候如果能依靠滑鼠的位置把游標底下的表格列給反光起來，會讓使用更便利。原本我是使用 GreaseMonkey 來達成這個任務，不過最近我學到了使用一個感覺更加好的辦法。

首先，先下載 Stylish 。 Stylish 之於 CSS 就像是 GreaseMonkey 之於 Javascript 。然後加了以下這個樣式就好了。

tr:hover{background-color:#FFFACD}

就是這樣。希望有一天 :hover 會成為所有遊覽器都支援的樣式。請支持用比 IE6 要新的遊覽器。