如何从Twitter的Bootstrap创建下拉箭头?

时间:2011-12-29 02:00:09

标签: html css twitter-bootstrap

我一直在检查/使用Twitter Bootstrap已经有一段时间了。我喜欢他们所做的,但更重要的是,我喜欢理解我的所作所为。

在使用Chrome检查器检查下拉箭头后,它似乎实际上是↓ html实体。我一直试图重现这一点,但没有成功。我得到一个丑陋的箭头而不是简单的三角形。

要重现它的最小CSS属性是什么?

PS:指向jsFiddle尝试重现它的链接。

2 个答案:

答案 0 :(得分:6)

这是working example

您的HTML中不需要额外的↓border-colorwhite,这使得它在人眼看不见的白色背景上。

答案 1 :(得分:0)

首先避免默认的浏览器样式。然后用你自己的。举个例子:

\t