QA@IT

asp.net mvc ヘルパー使用時のサイズ指定

3756 PV

お世話になっております。
TextBoxヘルパー,Editorヘルパー使用時(inputタグ)のサイズ指定
の方法について教えてください。

<以下確認事項>
CSSファイルでclass属性でサイズ指定
cssファイル

 .size100
{
  width:100px;
}

ビュー上のファイルで

Html.TextBox("test", "test", New With {.class = "size100"})
<input type="text"  class="size100" id="test2" name="test2"  value="temp" />

と記述して確認してみましたが、両方とも反映されませんでした。

思考錯誤した所どうやら、デフォルト(site.css)の属性セレクタ(input[type="text"])の設定が反映されているようです。
(site.cssの該当部分をコメントにした所、classで指定した設定が反映されました。
但し、class指定しなかったinputタグについてはサイズが広がってしまいました。)
また、コメントしなくともcssでid指定をすれば反映されました。
<以上>

html、cssについては素人なもので間違っているかもしれませんが、
class指定の方が属性セレクタより優先されるとあったのですが...

日付の項目等でプロジェクト内で同じ設定を使えればと思い
CSSのclass属性を設定できればと考えていたのですが、
何か良い方法(CSS以外の方法でも)があれば教えてください。

回答

width:100px ! important;としてみては如何でしょうか?

編集 履歴 (0)
  • nnasakiさん回答、有難うございます。importantを指定した所、無事反映されました。優先度の問題だったのですね。ID指定で複数反映させるはめになりそうだったので助かりました。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。