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

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

取消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}

转载于:https://www.cnblogs.com/yjhua/p/5344756.html

取消chrome浏览器下input和textarea的默认样式相关推荐

chrome/FF/safari浏览器下input和textarea的默认样式outline和resize
outline:input和textarea的默认焦点样式语法:outline:[outline-color] || [outline-style] || [outline-width] || [o ...
取消chrome下input和textarea的聚焦边框
取消chrome下input和textarea的聚焦边框 2011-12-13 15:48:42| 分类: css兼容问题|举报|字号订阅取消chrome下input和textarea的聚焦边框 ...
chrome浏览器下“多余”的2px
箭头在调试页面的时候,发现select,input等元素在chrome浏览器下莫名的多了margin:2px,具体看图吧! stackoverflow上的提问中也类似的(应该是margin,好想提问的 ...
如何取消Chrome浏览器自动翻译
如何取消Chrome浏览器自动翻译这是一个坑, 很多新手在学习Vue的一些指令(例如: v-model 等一些指令)的时候,谷歌浏览器会自动打开翻译, 导致你的Vue指令不执行Console面板也不 ...
chrome浏览器的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制--disable-web-security...
chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\ XP:C:\Documents and Settings ...
去掉chrome、safari input或textarea在得到焦点时出现黄色边框的方法
1.去掉chrome.safari input或textarea在得到焦点时出现黄色边框的方法 input{ outline:0;} 2.去掉chrome.safari textarea右下角可拖动鼠 ...
如何在Chrome浏览器下清除DNS缓存
如何在Chrome浏览器下清除DNS缓存本文翻译自:How to Clear/Flush DNS Cache in Google Chrome? 很多时候,当我购买新的域名,并更改域名服务器并将其托 ...
关于html video 在chrome浏览器下无法快进问题解决
标题关于html5 video currentTime 在chrome浏览器下设定失败问题解决关于html5 video currentTime 在chrome浏览器下设定失败问题解决 src引用 ...
chrome浏览器下10号字体
在某些chrome浏览器下,css里设置的10号字体竟然不起作用!仍显示12号大小,对比firefox.ie6.7.8.9,他们的显示都是好的.要是你也碰到这问题,可以这样解决: 1 -webkit- ...

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

取消chrome浏览器下input和textarea的默认样式相关推荐

最新文章

热门文章