防止 Chrome/浏览器调整表单元素的大小/重新设计样式

发布于 2024-12-03 14:18:56 字数 263 浏览 2 评论 0原文

Chrome 有一些可爱的功能可以使选定的表单元素(input 等)脱颖而出,例如添加边框颜色,更烦人的是,它会稍微减少一些表单元素的边距。选中,每次选择文本输入框时都会稍微移动页面。

它不是 Chrome 具有的 textarea 可拖动调整大小效果,它影响应具有恒定大小的输入元素,但一旦选择它们就会自动更改。

是否有任何 CSS 可以禁用此功能,或者我只需确保我的文本框边距/填充设置为 Chrome 不会调整它们的大小?

Chrome has some cute features to make the selected form element (input ect) stand out like adding a border color and, more annoyingly, it slightly reduces the margins on some of my form elements after they've been selected, shifting the page slightly each time a text entry box is selected.

It's not the textarea draggable resize effect that chrome has, it's effecting input elements that should have a constant size, but they automatically change once selected.

Is there any CSS to disable this feature, or do I simply have to make sure my text box margins/padding are set up such that Chrome doesn't resize them?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

疾风者 2024-12-10 14:18:57

这里是

textarea { resize:none; }

Here it is

textarea { resize:none; }
-小熊_ 2024-12-10 14:18:57

我喜欢在其他人的网站上工作...问题是他们在点击后使用 javascript 重新设置表单元素的样式,我不知道为什么。解决方案是删除那些垃圾。

I love working on other people's sites...the problem was javascript they were using to restyle form elements after click and I have no idea why. Solution was to remove that junk.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文