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

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>

你可以看到它是如何工作的。