css输入框内容过长怎么隐藏,input下拉框内容过长被隐藏显示，部分机型无法进行滑动显示。...

input下拉框内容过长被隐藏显示，部分机型无法进行滑动显示。

<li>

<div class="item-content">

<div class="item-inner">

<div class="item-title label">户口所在地</div>

<div class="item-input">

<input class="city-picker" type="text" placeholder="请选择户口所在地" id="userAddress" value="* * *">

</div>

</div>

</div>

</li>

下面为CSS代码：

.item-input{width:100%;margin-top:-.4rem;margin-bottom:-.35rem;-webkit-box-flex:1;-webkit-flex-shrink:1;-ms-flex:1 1 auto;-webkit-flex-shrink:1;flex-shrink:1;-o-box-flex:1;-moz-box-flex: 1;-o-flex-shrink:1;-o-flex-shrink:1 0 auto}

右边加内边距padding-right:1rem;

已经找到原因了。

框架用的阿里的SUI。

内部封装的 shadow dom ——— shadow-root 需要调节chorme 具体见http://www.ituring.com.cn/art…

兼容性差。