[开发笔记]-页面切图、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; 无边框:

 

 

posted @ 2013-06-24 11:11  酷小孩  阅读(746)  评论(2编辑  收藏  举报