css - ワイルドカードが CSS 幅で機能しない

Question

このワイルドカードの問題は何ですか?

div[id*='Form_Form_EditableTextField'] {
    width:554px !important;
}

これは問題なく動作します。デバッグ用です。

#Form_Form_EditableTextField1 {
    width:500px;
}​

html

  <div class="middleColumn">
    <input id="Form_Form_EditableTextField1" type="text" name="EditableTextField1">
    <input id="Form_Form_EditableTextField2" type="text" name="EditableTextField1">
    </div>​

デモ http://jsfiddle.net/wLSjY/

Answer 1

div[id*='Form_Form_EditableTextField']

これ<div>により、一致するid属性を持つ要素が選択されます。<input>要素を選択したい。以下が機能するはずです。

input[id*='Form_Form_EditableTextField']