textarea 谷歌浏览器里面 右下角怎么去掉有三角形的拖动标志

Posted 2023-04-13

注：textarea我定了宽度和高度并且overflow：auto. 谷歌浏览器里面可以自由拖动搅乱了 页面。

在地址栏里面输入chrome://flags中把“启用丰富通知”这项关闭就可以了 参考技术A 用定位法，再写一个div小块，把右下角那个三角给盖住，背景色，再设置一样，就ok了，哈哈！ 参考技术B 在css样式中 添加 resize：none; 参考技术C 如果其他浏览器没有出现这个问题，那就是chrome的问题，和网页无关。chrome无可否认太人性化- - 参考技术D 不知道就不要瞎回答，误人子弟
resize : none;

去掉谷歌浏览器获取焦点时默认的inputtextarea的边框和背景

去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小

1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。
你可以用下面的css代码去掉所有元素的边框：

*:focus {outline: none;}
用下面的代码去掉你要去掉的元素的边框：

.nohighlight:focus { outline:none; }
你也可以给元素增加你希望的边框：

.changeborder:focus { outline:Blue Solid 4px; }


2、chrome默认用户可以控制textarea的大小，在CSS中加入下面一句就可以了

textarea {resize:none;}