UI - 将文本框显示为下拉列表（只是外观）

Question

我有Jquery AutoComplete文本框，我们要求将其显示为DropDown（只是外观和感觉）。我想出了一些css，如下所示

background-image: url("DropDownIcon.png");
background-position: right center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;

如果您注意到第一个文本框，如果有长文本，则它与图标

重叠

我可以实现的其他选项是什么，以使外观和感觉良好，没有文字重叠图标或欢迎任何其他建议

我只是要有外观和感觉，我不想使用下拉列表

Answer 1

只需添加padding-right:12px;即可。试试这个：

background-image: url("DropDownIcon.png");
background-position: right center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
padding-right:12px;

更新：检查出来 DEMO