最新消息:605566香港开奖结果(www.wyouwu.com),998388香港开奖结果,六开奖结果香港2019,挂牌全篇 香港正版挂牌开奖结果,香港本期开奖结果直播2019,香港王中王开奖结果现场直播

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

HTML/CSS 香港马会开奖结果记录 浏览 评论

最近一个细节引起了我的注意,chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框,而且textarea还可以任意拖动放大,这是不能容忍的,影响美观不说,有时候拖动textarea还会使页面布局错乱,所以决定重置这些样式。这是大前端调整的样式,样式统一就是好看,o(∩_∩)o 哈哈····

看代码:

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

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

取消chrome下textarea可拖动放大:

textarea{resize:none}

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

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

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

转载请注明:大前端 » 取消chrome浏览器下input和textarea的默认样式

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论