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

一.?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?，如需轉載請自行聯系原作者

總結

以上是生活随笔為你收集整理的[开发笔记]-页面切图、CSS前端设计、JS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。