ChromeデベロッパーツールのElemnetsのStyles
element.style{}はデバック目的に選択した項目をリアルタイムで編集できるように
したものだそうです。
参考URL
Chromeデベロッパーツール上でCSSを編集する方法
複数のel_form_itemがある場合は、cssを解釈するブラウザは選択された状態がわからないのですべてが同じ表示になります。
- 可能であれば、特定のel_form_itemだけにclassやidをつけるか
- nth-child または nth-of-typeのような順番で指定するか
- JavaScriptなどで順番を指定するか
などの選択肢になるそうです。