清滅IE 10文字連結神秘active底色

除前述的「input field內設神秘清除功能」外,IE 10同時會無故在文字連結 :active 時加上神秘的底色。我猜這是微軟為了「讓Windows 8 / IE 10能在平板電腦上操作時,能有更佳用戶體驗」的超前衛點子──設計思考:「在平板時用IE的話,手指點擊下去如果沒有 :active的話,那親愛的用戶就不知道他們『真是點擊了甚麼』啦」 真聰明,你老爸我最愛就是在公車地鐵茶餐廳內捧著23吋屏幕的「平板」用Windows和IE 10… 解決這些白痴的白痴點子: a:active { background-color: transparent; } 要是你要再定義某連結的底色,再用class去處理好了。

[Continue reading]

IE:Padding出沒注意!

其實我幾乎可以確定,微軟Internet Explorer的工程團隊都是從地獄來的撒旦使者,加入資訊科技界的唯一目的是就把災難帶給網站開發人員… 這次是IE的表單元件checkbox和radio。

[Continue reading]

以CSS消滅IE 10的文字框的「消除」功能

微軟推出了IE 10一段時間,在試用過後,這個新的IE比先前的IE 9性能上更快,CSS3的對應也優於先前的版本,雖然我對強制在Windows 7的IE 10套用個人覺得全不討好的Windows 8 Metro UI風格一事上真的不敢恭維。 在Developer tool中IE 7 / 8 / 9 都用Metro UI,這算啥回事! 另外,IE 10「溫馨地」在input單行文字框加了一個無敵的功能──當文字框裡有文字兼onfocus時,會出現一個消除框中內容的小交叉。 看圖(喔!前面的那一個才是): 這可不是一個普通的「X」,而是用Wingding 2字款顯示出來的一個不折不扣的「交叉」! 當然,世界不是只有IE,更不是只有IE 10… 不少網站早就用javascript在文字框加進了消除功能,結果…… 就是要找出個方法去消滅這個微軟IE團隊充滿愛心的雞肋交叉。於是IE 10又內建了有一個很有愛的vendor specific CSS,去供我們這些不懂愛的人去把這雞肋交叉解決掉: input[type=text]::-ms-clear { display: none; }

[Continue reading]

Top Ten List on Using a Computer in an Office

10. If you got problems, you should try turn the machine off and turn it on again. 09. USB is a port (or an input-output interface) on a modern computer, not a storage device. 08. Microsoft Powerpoint is for On-screen presentation, NOT note printing, please use Word for that. 07. Microsoft Word is for simple…

[Continue reading]

Top Ten List on what I hate on web-building

10. Default blue <a> and purple <a:visited> – am I the only one felt this is ugly? 09. Using 200 Line-breaks <br> to make vertical spacing – You need a new keyboard when your Enter button broke; 08. Using 200 Non-breaking Spaces &nbsp; to make horizontal spacing or even fake “Center” aligment – I know,…

[Continue reading]