[開發筆記]-頁面切圖、CSS前端設計、JS

這兩天在學習頁面的切圖，樣式設計，把學習過程當中注意的地方記錄下來。

一. 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; 無邊框：