【问题标题】:Prevent Chrome/Browsers from resizing/restyling form elements防止 Chrome/浏览器调整表单元素的大小/重新设置样式
【发布时间】:2011-09-23 03:41:53
【问题描述】:

Chrome 有一些可爱的功能可以使选定的表单元素 (input ect) 像添加边框颜色一样突出,更烦人的是,它在我的某些表单元素被选中后略微减小了边距,每次选择文本输入框时稍微移动页面。

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

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

【问题讨论】:

  • 您可以使用样式制作固定尺寸的作品
  • 你能重现这个问题吗? jsfiddle.net
  • @thirtydot 感谢您的建议,这是一个很棒的网站!奇怪的是,我无法重现它,即使使用页面中的完整 CSS 和 HTML!我将不得不自己进行更多调查。
  • 在这里尝试:jsbin.com。 jsFiddle 的样板文件有时会导致问题。

标签: css google-chrome cross-browser


【解决方案1】:

在这里

textarea { resize:none; }

【讨论】:

  • 我设置了属性并且 Inspect Element 确认 resize:none 正在被应用,但更改仍然发生(文本框和布局略微缩小)。可能是别的什么?
  • 转念一想我应该澄清一下;这与文本区域上可拖动的小东西无关,这些只是输入。
【解决方案2】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多