2

つぶやくサーバーに接続するボタンを作成しようとしています。現時点では、CSS にブートストラップを使用しています。

以前に行った簡単なモックアップでは、このボタンにヘッドフォンのアイコンがありましたが、接続ボタンにはタグではなくタグが必要なため、それを実行する方法がわかりません。

これは、私が希望するスタイルのボタンの動作バージョンであり、つぶやく接続ボタンの動作バージョンの 1 つです。

でアイコンを使用することはできます<input>か?

スタイル付きボタン;

<button class="btn btn-large btn-primary" type="button"><i class="icon-headphones icon-white"></i> Connect to Mumble</button>

接続「ボタン」;

<input class="button" value="Connect" onclick="window.location.href='mumble://MUMBLE IP HERE/?version=1.2.3'" type="BUTTON" />
4

1 に答える 1

10

これを試して-

       <div class="input-prepend">
        <span class="add-on"><i class="icon-user icon-black"></i></span>
<input type="text" name="login" class="//Some class" placeholder="Email address"/>
         </div>

追加する場合は、に置き換え.input-prependて.input-appendください。

例-http ：//jsfiddle.net/PYwq5/

ブートストラップV3-を更新します

追加-

<div class="input-group">
    <input type="email" class="form-control" />
    <span class="input-group-addon">
        icon</span>
</div>

プリペンド-

<div class="input-group">
    <span class="input-group-addon">
        icon</span>
    <input type="email" class="form-control" />
</div>

デモ-https : //jsfiddle.net/DTcHh/9190/

于 2013-02-25T03:51:31.257 に答える