[开发笔记]-页面切图、CSS前端设计、JS

这两天在学习页面的切图,样式设计,把学习过程中注意的地方记录下来。

一. input输入框点击时去掉外边框

一般在IE,firefox下,设置 border:0 none; 即可。但在chrome下,仍会出现边框。

可以在样式中应用:outline:medium;来解决。

效果如下图:

1.在firefox下,设置border:0 none; 无边框:

 

 

[开发笔记]-页面切图、CSS前端设计、JS

[开发笔记]-页面切图、CSS前端设计、JS

 

 

2.在IE下,设置border:0 none; 无边框:

[开发笔记]-页面切图、CSS前端设计、JS

3.在chrome下,设置border:0 none; 有边框

[开发笔记]-页面切图、CSS前端设计、JS

4. 在firefox下,设置border:0 none; outline:medium; 无边框:

[开发笔记]-页面切图、CSS前端设计、JS

[开发笔记]-页面切图、CSS前端设计、JS

5. 在chrome下,设置border:0 none; outline:medium; 无边框:

[开发笔记]-页面切图、CSS前端设计、JS

 

本文转自 酷小孩 博客园博客,原文链接: http://www.cnblogs.com/babycool/p/3152112.html ,如需转载请自行联系原作者

上一篇:Gradle 2.0 用户指南翻译——第十五章. 任务详述


下一篇:eclipse使用和优化配置