0

フォームの入力用のデフォルト ボタンが最初のsubmitタイプであることがわかりました。これは機能しますが、ボタンがデフォルトのボタン、つまり強調表示されているボタンのように見えるようにするには、何を指定すればよいですか。背景色を設定すると、ボタンの外観が標準のボタンの外観から変わります。

これがフォームの HTML です。

<form id="login_user_id" name="login_user_form"> 

<input type="hidden" name="id" id="id" value="add" /> 
<input type="hidden" name="edit_user" id="edit_user" value="y" />
<table cellspacing="0px"> <tr><td>Username or email:</td></tr><tr><td>
<input type="text" name="username_email" id="username_email" size="30" value="" class="inline_input"/></td> </tr> <tr><td>Password:</td></tr><tr><td>
<input type="password" name="user_passwd" id="user_passwd" size="30" class="inline_input"/></td> </tr> </table></td></tr> </table> 
<button id="login" type="submit" onclick="login_user(); return false;" style="width: 63px;">Login</button> 
<button id="cancel" onclick="cancel_login(); return false;" style="width: 63px; float: right; margin-right:8px; position: relative; top: -22px;">Cancel</button> 

</form>
4

2 に答える 2

0

「背景色を設定すると、ボタンの外観が標準のボタンの外観から変更されます」というステートメントは、制限をかなり要約しています。ボタンのスタイルを設定することはできますが、多くのタイプのスタイル設定では、システムのデフォルトの機能がボタンから奪われます。ブラウザーは、ボタンのレンダリングにいくつかの組み込みルーチンを使用しますが、多くの CSS 設定により、ブラウザーはこれから逸脱します。通常、共通のボタン スタイルを模倣することはできません。これは、一部にはシステムによって異なるため、一部には、現在定義および実装されている CSS で記述できないレンダリング機能があるためです。

したがって、ボタンをボタンのように見せるだけです。それができない場合は、すべてのボタンを一定の方法でスタイルします。デフォルト以外のボタンを一般的なボタンのように見せ、デフォルトのボタンを別のボタンのように見せると、誤解を招く可能性があります。

ボタンの 1 つを削除するだけであれば、ボタンの 1 つをデフォルト ボタンとして指定する必要はありません。(有害とみなされるリセット/キャンセル ボタンを参照してください。)

于 2012-04-22T04:45:10.527 に答える
0

デフォルトでは、ボタンはオペレーティング システムによって描画され、ブラウザはそれらの外観を制御しません。ボタンの CSS プロパティの変更を開始すると、ブラウザーが引き継ぎ、独自の方法でボタンを描画します。さまざまな色の見栄えの良いボタンを簡単に取得する方法を探している場合は、ブートストラップを試してください。これは非常に優れた CSS スタイルシートであり、特に見栄えの良いフォームを作成する場合には有効です。

http://twitter.github.com/bootstrap/

于 2012-04-22T04:53:17.763 に答える