[英]Cannot focus zero size input in Safari for OS X
如果在OS X的Safari 9.1.3中将输入设置为零大小,则无法专注于输入。
function doFocus() { document.querySelector("#input").focus(); }
input[type="text"] { /* make input zero size */ border: none; width: 0; padding: 0; border-bottom: 2px solid transparent; transition: width .2s; } input[type="text"]:focus { border-bottom-color: #999; width: 200px; }
<input type="text" id="input" placeholder="(placeholder)" /> <button onClick="doFocus()">Focus</button>
@kevin Lin我没有iPhone,所以我没有测试过,但我认为从视觉上隐藏输入将对您有用。
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } // add this class when input will get focus .reset-visuallyhidden { position: static; overflow: auto; clip: none; height: auto; margin: 0; padding: var(--padding, 0); border: 0; }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.