Twitter bootstrap 推特引导：里面有图标的表单？

我正试图让我的导航表单就像使用Twitter引导一样。现在，我对表单使用附加功能：

<div class="input-append">
  <input class="span2" id="appendedInputButton" type="text">
  <button class="btn" type="button">Go!</button>
</div>

走！

到目前为止，我一直在尝试改变设计，使其看起来像表单输入，但我不能使用焦点高亮、框阴影和它们之间的这种间隙，这感觉不太对。因此，如果我尝试这样做（如Flickr）：

---

那么我能做什么呢？

创建一个新的css文件，比如说custom bootstrap.css，并编写此样式以覆盖引导默认样式

input:focus
{
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=false,ShadowOpacity=0.0);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=0,MakeShadow=false,ShadowOpacity=0.0)";
} 

注意：确保将此css放在引导的css之后，以便它可以覆盖默认样式

---

这将为您的整个网站主题提供窍门。

这正是我想要的：

---

？

如果可能的话，请在jsfiddle上分享您的代码谢谢，我偶然发现了这段代码，它符合我的要求，不过非常感谢您的帮助。（）当然，这会起到一些作用，但也会阻止您更新引导程序，而且您的“自定义”框架没有文档，如果出现任何问题，您将永远不知道是谁负责。欺骗库文件从来都不是一个选项，CSS很容易扩展。事实上，他需要在他的网站上有相同的主题，但你是对的。编辑答案。。