Css 从选择表单引导更改布局

Css 从选择表单引导更改布局,css,twitter-bootstrap,font-awesome,Css,Twitter Bootstrap,Font Awesome,附件中你可以看到一张图片,这是一个客户应该用来联系我的表格。如您所见,select表单与其他表单的布局不同。我也想添加一个图标,但它看起来很蠢,因为它是一个封闭到圆角的矩形。我已经找到了很多方法来改变这一点,但是使用了我不需要的大型库(例如,或) 如何更改布局并在左侧包含图标?为什么不使用常规的选择按钮 <div class="input-prepend"> <span class="add-on">@</span> <select id="i

附件中你可以看到一张图片,这是一个客户应该用来联系我的表格。如您所见,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>

@
1.
2.
3.
4.
5.

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

因为在选择框中,附加模块右侧的角没有完全连接到左侧。。。我想改变布局,让它看起来100%专业。你检查过我的样本了吗?是的,但在Mac上它是不正确的,看一看:(我知道附加组件太大了,但这并不重要,因为它是关于角落的;-)抓起你的表格,创建一个小提琴,这样我们就可以提供帮助。你是对的,但它看起来更像是safari的问题。我已经在Win7和其他平台上用safari对其进行了测试,但无法正确渲染。