大佬教程收集整理的这篇文章主要介绍了html – 如何在指定宽度时强制自由CSS调整输入元素的大小?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<input type="text" style="resize:horizontal; width:200px" />
当仅指定resize属性时,可以将输入的大小调整为任意宽度.但是,如果我指定了宽度,输入元素的大小可以只调整大于200px,而不是更短.
有没有办法如何指定默认宽度,同时输入元素可以调整到任意宽度?宽或小于宽度属性设置?
感谢任何帮助提前!
编辑 – 澄清:我需要自由调整大小的输入元素 – 任意宽度 – 超过200像素和小于200像素
编辑2 – 我最好是寻找纯CSS解决方案,如果可能的话.
潜在问题:输入:focus强制< input>到一个特定的最小大小,可能比它被调整大小更大.您可以最小宽度:100%使其成为“功能”而不是问题,为用户提供更多空间来输入.如果< input>有焦点,调整大小仍然受到最小宽度的限制,但调整大小通常是后焦点(也是主要用于使一些更大的东西).
演示:http://jsfiddle.net/ThinkingStiff/jNnCW/
HTML(根据您的要求,内置样式):
<input id="text" type="text" size="1"/> <style> input { resize: horizontal; width: 200px; } input:active { width: auto; } input:focus { min-width: 200px; } </style>
以上是大佬教程为你收集整理的html – 如何在指定宽度时强制自由CSS调整输入元素的大小?全部内容,希望文章能够帮你解决html – 如何在指定宽度时强制自由CSS调整输入元素的大小?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。