[开发笔记]-页面切图、CSS前端设计、JS-阿里云开发者社区

开发者社区> 技术小牛人> 正文

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

 

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端页面双向滚动方案
脱离canvas后,页面如何实现上下左右双滑动?又如何在安卓系统和iOS系统上实现?
58 0
5723
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载