input 设置相同宽度的padding-left后开发者工具无法聚焦
发布于 6 年前 作者 weiwu 11180 次浏览 来自 问答

input 设置相同宽度的padding-left后开发者工具无法聚焦   在ios手机上可以 安卓的没测试

3 回复

设置大一点的宽度就可以看出来了

开发者工具要聚焦，你可以尝试双击能不能让input获得焦点

https://developers.weixin.qq.com/s/tAh6GtmX7N7Y

<view>
    <input></input>
    <input></input>
    <input></input>
    <input></input>
</view>
view {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 100rpx;
}
 
input {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    line-height: 50px;
    height: 50px;
    margin: 10rpx;
    text-align: center;
}

你设置了border-box，padding-left + border > width是不合理啊

回到顶部