清除input获取焦点时的边框

当访问网站进行留言的时候,会发现当input或者textarea输入框或者焦点,也就是输入内容的时候,或默认出现一个边框,会使网站很不美观,那如何去掉这些边框呢?我们可以使用css的outline:none;属性将其去掉。很简单的方法

input,textarea{outline:none;}

另外当我们访问手机站进行留言时,会发现当input获得焦点的时候整个网页会放大。在网站的title前加上
<meta name=”viewport” content=”width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1″ />
就可以完美解决这个问题。
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1:表示初始的缩放比例
minimum-scale=1:表示最小缩放比例
maximum-scale=1:表示最大的缩放比例

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录