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 をブートストラップの css の後に必ず配置してください。

これにより、Web サイトのテーマ全体のトリックが実行されます。

于 2013-06-13T12:48:08.537 に答える