這兩天在學習頁面的切圖，樣式設計，把學習過程中注意的地方記錄下來。
一. input輸入框點選時去掉外邊框
一般在IE，firefox下，設定 border:0 none; 即可。但在chrome下，仍會出現邊框。
可以在樣式中應用：outline:medium;來解決。
效果如下圖：
1.在firefox下，設定border:0 none; 無邊框：
2.在IE下，設定border:0 none; 無邊框：
3.在chrome下，設定border:0 none; 有邊框：
4. 在firefox下，設定border:0 none; outline:medium; 無邊框：
5. 在chrome下，設定border:0 none; outline:medium; 無邊框：
本文轉自 酷小孩 部落格園部落格，原文連結： http://www.cnblogs.com/babycool/p/3152112.html ，如需轉載請自行聯系原作者