Highlight table row in Firefox

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 要新的遊覽器。

發表迴響

您的電子郵件位址並不會被公開。 必要欄位標記為 *

*

您可以使用這些 HTML 標籤與屬性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>