這兩天在學(xué)習(xí)頁面的切圖，樣式設(shè)計(jì)，把學(xué)習(xí)過程中注意的地方記錄下來。

一.?input輸入框點(diǎn)擊時去掉外邊框

一般在IE，firefox下，設(shè)置?border:0 none;?即可。但在chrome下，仍會出現(xiàn)邊框。

可以在樣式中應(yīng)用：outline:medium;來解決。

效果如下圖：

1.在firefox下，設(shè)置border:0 none; 無邊框：

?

?

?

?

2.在IE下，設(shè)置border:0 none; 無邊框：

3.在chrome下，設(shè)置border:0 none;?有邊框：

4.?在firefox下，設(shè)置border:0 none;?outline:medium; 無邊框：

5. 在chrome下，設(shè)置border:0 none;?outline:medium; 無邊框：

?

本文轉(zhuǎn)自 酷小孩 博客園博客，原文鏈接：?http://www.cnblogs.com/babycool/p/3152112.html?，如需轉(zhuǎn)載請自行聯(lián)系原作者

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。