WXOPEN Club

input 设置相同宽度的padding-left后开发者工具无法聚焦

发布于 7 年前作者 weiwu11386 次浏览最后编辑 7 年前来自 ask

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

3 回复
xiuying51
xiuying511 楼6 年前

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

jkang
jkang2 楼6 年前

开发者工具要聚焦，你可以尝试双击能不能让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;
}
ehuang
ehuang3 楼5 年前

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