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

除前述的「input field內設神秘清除功能」外,IE 10同時會無故在文字連結 :active 時加上神秘的底色。我猜這是微軟為了「讓Windows 8 / IE 10能在平板電腦上操作時,能有更佳用戶體驗」的超前衛點子──設計思考:「在平板時用IE的話,手指點擊下去如果沒有 :active的話,那親愛的用戶就不知道他們『真是點擊了甚麼』啦」

真聰明,你老爸我最愛就是在公車地鐵茶餐廳內捧著23吋屏幕的「平板」用Windows和IE 10…

解決這些白痴的白痴點子:

a:active {
  background-color: transparent;
}

要是你要再定義某連結的底色,再用class去處理好了。

以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時,會出現一個消除框中內容的小交叉。

看圖(喔!前面的那一個才是):
ie10-input-field-with-cross

這可不是一個普通的「X」,而是用Wingding 2字款顯示出來的一個不折不扣的「交叉」!

當然,世界不是只有IE,更不是只有IE 10… 不少網站早就用javascript在文字框加進了消除功能,結果…… 就是要找出個方法去消滅這個微軟IE團隊充滿愛心的雞肋交叉。於是IE 10又內建了有一個很有愛的vendor specific CSS,去供我們這些不懂愛的人去把這雞肋交叉解決掉:

input[type=text]::-ms-clear {
  display: none;
}

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 document to print out on a laser or inkjet printer, NOT for publishing a 300 pages book.

06. You can email a line of text in an email, you don’t NEED to type a sentence in a Word Document, save it and attach it in an Email.

05. You can also email with a PICTURE as attachment, you can add them just like attaching your favorite Word or Excel Documents. You don’t NEED to put a JPEG photo in a Word Document, save it and attach it in an Email.

04. People can actually read your email faster than you press the print button, go pick up your print out , then walk to their desk with a piece of paper with a line of text on it. If they don’t have any respond from your email, they’re probably ignoring you.

03. You can save a HTML file from Word or Microsoft Frontpage and uploaded it somewhere. But doesn’t mean you know how to do Web-design or “writing a web page”.

02. Don’t click on YES everytime anything pop up with a dialog box, READ first, OUT LOUD if necessary.

01. The blue “e” thingy on your desktop with “Internet Explorer” text under it is NOT the Internet, more like it fucks up the internet!

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, you’re using Frontpage, and that “align center” button will kill your whole family, including your dogs;

07. HTML page without character setting meta – Not every one is using same languaged-version OS as YOUR machine! Morons!;

06. Italic font-style – It just looks god-damned-ridiculous on ALL BROWSERS;

05. Comic-sans (and 少女體/娃娃體/海報體 in Chinese) under ANY CIRCUMSTANCE – THEY AREN’T CUTE for 13 years already;

04. Tables for minor layout alignment – It’s NOT 1998, Try google “Minial Table” for god’s sake!

03. Hard-coded Inline style – again, this is NOT 1998!!

02. Flash sites; using a HUGE Flash without HTML options and/or skip button (well, i got one, Ctrl-W/Cmd-W!);

01. IE Only – FUCK IE! Especially IE6, FUCK IT!