从选择表单引导程序更改布局

Question

附上一张图片，这是客户用来联系我的表格。如您所见，选择表单与其他表单的布局不同。我也想添加一个图标，但它看起来很愚蠢，因为它是一个接近圆角的矩形。我找到了很多方法来改变这一点，但我不需要的大型库（例如http://ivaynberg.github.io/select2/ 或http://silviomoreto.github.io/bootstrap-select/）

https://dl.dropboxusercontent.com/u/20731482/contact.png

如何更改布局并轻松包含左侧的图标？

Answer 1

你为什么不使用普通的 select ？

<div class="input-prepend">
  <span class="add-on">@</span>
  <select id="inputSelection">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>
</div>

你可以看到它works。