1

セマンティック UI を使用しており、入力ボタン タイプの送信にアイコンを追加しようとしています。

これは私の試みです：

<i class="sign in icon"></i>
<input type="submit" name="login-button" class="ui blue submit button" value="Login">

問題は、アイコンがボタンの内側ではなく、ボタンの前に表示されることです。

これは、div を使用して行うことができる方法です。

<div id="login-button" class="ui blue submit labeled icon button">
    <i class="sign in icon"></i> Login
</div>

ボタンタイプの送信にアイコンを追加する方法を知っていますか?

4

1 に答える 1

4 
<button type="submit" name="login-button" class="ui blue submit button">
  <i class="sign in icon"></i>
  Login
</button>

お役に立てれば。

W3 は、ボタン要素に関して次のように述べています。

BUTTON 要素で作成されたボタンは、INPUT 要素で作成されたボタンと同じように機能しますが、より豊富なレンダリングの可能性を提供します。BUTTON 要素にはコンテンツが含まれる場合があります。たとえば、画像を含む BUTTON 要素は、型が「画像」に設定されている INPUT 要素と同様に機能し、類似している可能性がありますが、BUTTON 要素型はコンテンツを許可します。

于 2014-07-06T16:23:30.183 に答える