当前位置: 网站建设 > 网页设计 > 建站经验 >

chrome下input和textarea的默认样式的取消

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:chrome下input和textarea的默认样式的取消 默认(15)chrome(5)input(9)样式(83)取消(3)textarea(3)
Tag:Chrome input textarea 默认样式 浏览器 Chrome input textarea 默认样式 阅读器 input,button,select,textarea{outline:none} chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还能够任意拖动放大,这样岂但影响外观,而
chrome下input和textarea的默认样式的取消》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331632013.htm

 

Tag:Chrome   input   textarea   默认样式   浏览器     Chrome   input   textarea   默认样式   阅读器    

 input,button,select,textarea{outline:none}

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还能够任意拖动放大,这样岂但影响外观,而且有时候拖动textarea还会使页面布局错乱,咱们如何解决呢?看下面代码。

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

 textarea{resize:none}

--> [网站建设之]chrome下input跟textarea的默认款式的撤消

取消chrome下textarea可拖动放大:

 input,button,select,textarea{outline:none}
textarea{resize:none}

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

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

相关的主题文章:
(责任编辑:网站建设)
chrome下input和textarea的默认样式的取消相关文章
上一篇:border对单选按钮的影响 下一篇:CSS box-align center实现子框架居中
回到顶部