デフォルトボタンの色

Question

フォームに入力するデフォルトのボタンは、最初に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> 

Answer 1

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

ボタンをボタンのように見せてください。できない場合は、すべてのボタンを統一してください。非デフォルトのボタンを共通のボタンのように見せたり、デフォルトのボタンを他のもののように見せたりするのは間違いです。

は本当にあなただけの他のボタンを削除する場合は、デフォルトのボタンとしてボタンのいずれかを示す必要はありません。 （Reset/Cancel Button Considered Harmfulを参照してください。）

Answer 2

をデフォルトでは、ボタンは、オペレーティングシステムによって描かれており、ブラウザは、彼らが見てどのように制御しません。ボタンのCSSプロパティの変更を開始すると、ブラウザが引き継ぎ、独自の方法でボタンを描画します。さまざまな色で見栄えの良いボタンを簡単に得る方法を探しているなら、ブートストラップを試してみてください。 非常に良いCSSスタイルシートです。

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