如何取消chrome/safari/百度浏览器浏览器下默认输入框样式?

    类别:新手问答  贡献者:admin  总点击:3041  受欢迎度:10  更新日期:2015年12月09日
简介:如何取消chrome/safari/百度浏览器浏览器下默认输入框样式?chrome/safari/百度浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。.
  • 何取消chrome/safari/百度浏览器浏览器下默认输入框样式?

    我们发现,chrome/safari/百度浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。

    现将取消输入框默认样式的方法/步骤如下:

    1. 取消chrome下input和textarea的聚焦边框:

    input,button,sel ect,textarea{outline:none}

    2. 取消chrome下textarea可拖动放大:

    textarea{ resize:none; }

    3. 最后,写在一起,重置input和textarea的默认样式:

    input,button,sel ect,textarea{outline:none}textarea{resize:none}

    4. ok,问题解决,好像safari下也是有这些默认样式的,加这个也能同样取消。

    做网页(zuowangye.com)

    补充本知识点暨快乐评论此文章:'如何取消chrome/safari/百度浏览器浏览器下默认输入框样式?.'

文章标签:默认样式 输入框样式 
踩下去0
顶上来0
复制本页网址,与你QQ/MSN上的好友分享  温馨提示:如果您喜欢本站,请把她推荐给您的朋友们!
现在有0人对本文发表评论。  »马上发布评论
现在有0人对本文发表评论。  »查看所有评论
您的姓名: * 可选项,留空即为匿名发表
评论内容:
剩余字数:  * 按 Ctrl + Enter 直接发送.
           »»我要分享做网页知识
相关文章推荐
网友阅读排行
新手问答
本站会员贡献
合作伙伴: 百度站长平台 新浪读书频道 CSDN.Net YPState R灯具集 小金子学院 商录 全球网站推广库 搜狗站长平台 网页百科 更多» >>加入本站作者团
首页 | 关于我们 | 网站地图 | 合作伙伴 | 部分作者 | 会员注册 友情链接 | 联系方式 |
2004-2021 做网页学习网 鄂公网安备 42010402000280号 鄂ICP备13003030号-5