フォームとボタン

htmlを使用しているときに行われるデフォルトのものとは違って、フラットに見える送信ボタンを使用して適切なフォームを作成する方法に関するガイダンスがあります。このウェブサイトにあるような送信ボタンが必要です。フォームとボタン

2011-02-03 Tresor Mwema

あなたは以下のようなあなたの送信ボタンにCSSを適用してみてください：

<head> 
....... 
your html code 
..... 
<style> 
.pass { 
    width: 105px; 
    padding: 5px; 
    margin: 2px; 
    font-weight: bold; 
    color: #065fba; 
    background: #f4f5f8; 
    font-size: 11px; 
    border: #e2e2e2 1px solid; 
} 
</style> 
</head> 
....... 
your html code 
..... 
<input trpe="submit" class="pass" value="Submit" /> 
...... 
... 
.

は、この情報がお役に立てば幸いです。

出典

2011-02-03 10:26:00

感謝。彼らは私を助けました。 –

このウェブサイト上の「ポストあなたの答え」ボタンのCSSの使用は、（多かれ少なかれ）である：クロスブラウザの互換性のため

input[type="submit"] { 
    border: 1px solid #888888; 
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; 
    font-size: 130%; 
    font-weight: bold; 
    margin: 3px; 
    padding: 2px;

あなたのようにあなたの<input type="submit" />にクラスを追加する必要がありますCSS [type=""]属性は、Internet Explorerの古いバージョンでは認識されません。

出典

2011-02-03 10:31:24

あなたが任意の要素はあなたがあなたの選択した要素に適用されるCSSが表示されます他のブラウザのためにFirebugまたはその同等物を使用するのを見て好きな例にスタイリングされたかを確認したい場合。スタックオーバーフローの場合

、それはボタンが<div class="form-submit">でラップされた状態で、このです：答えを

.form-submit input { 
    border: 1px solid #888888; 
    font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif; 
    font-size: 130%; 
    font-weight: bold; 
    margin: 3px; 
    padding: 2px; 
}

出典

2011-02-03 10:31:26

答えて

関連する問題