0

我试图让我的导航表单就像使用 Twitter Bootstrap 的Flickr.com一样。现在我对表单使用附加功能：

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

到目前为止，我尝试将设计更改为看起来像表单输入，但我不能使用焦点突出显示、框阴影和它们之间的这种感觉不正确的间隙。因此，如果我尝试这样做（例如 Flickr）：

Flickr 表单设计

比我能做什么？

4

2 回答 2

0

这正是我正在寻找的东西：

http://bootsnipp.com/snipps/stylish-search-form？

于 2013-06-13T12:54:46.193 回答
0

创建一个新的 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 放在 bootstrap 的 css 之后，以便它可以覆盖默认样式。

这将为您的整个网站主题解决问题。

于 2013-06-13T12:48:08.537 回答