2011-12-13 5 views
0

何らかの理由で、ASP.NET mvc3アプリケーションの入力のデフォルトのスタイル設定がボタンの外観を変更しています。デフォルトの入力スタイルは何とかデザインを駄目にします

私は通常のdivにスタイルを適用するか、ボタンをActionLinkの場合、私は私にそれを適用するときにうまく

になります:

<input type="submit" value="create" class="universalbutton" /> 

ボタンdoesntの右のサイズを受け取るが、それはレシーブの色をして背景色など。

これは何が起こっているのですか?

ボタン

.universalbutton 
{ 
    border: 1px solid black; 
    background-color: #3fa9f5; 
    width: 100px; 
    height: 20px; 
    color: White; 
    font-variant: small-caps; 
    padding: 5px; 
    text-transform: none; 
    text-decoration: none; 
    text-align: center; 
    margin: 0px; 
    display: block; 
    float: left; 
    margin-right: 5px; 

} 
+0

例を示すことができますか?たぶんjsfiddleに? – David

+1

universalbuttonクラスのスタイル定義を表示できますか? –

+0

私はjsfiddle thingieを作ろうとしました:http://jsfiddle.net/6AbBy/それが役立つかどうかわかりません。ボタンを大きくする必要がありますし、テキストcenteret – AronChan

答えて

1

の//編集様式、それが問題だだけで高さ+アライメントだ場合、私はあなたがinput要素のボックスのサイズ変更プロパティを変更することをお勧めしたいです。入力要素はデフォルトでborder-boxのサイズ設定を使用します(padding + marginは高さに追加されません)。divはコンテンツボックスのサイズを使用します(padding + widthがheightに追加されます)。 このプロパティはIE8 +のみです。

http://jsfiddle.net/6AbBy/10/

私の最初の考えは、単にいくつかの余分なパディングでこの問題を解決することでした - 私は、ボタン内のテキストの垂直方向の配置を認めなければならないものの、非常に奇妙である - それは一番下に揃えている理由は考え - はないだろう誰か他の人がそれを説明できればいい。

関連する問題