Ruby勉強会@広島コミュのCSSでInPlaceEditorをスタイルする方法

【HowToStyleInPlaceEditorWithCss】

翻訳者より：
このドキュメントはRailsの公式Wikiである、HowToの翻訳です。
(http://wiki.rubyonrails.org/rails/pages/HowToStyleInPlaceEditorWithCss/versions/8)

CSSでin_place_editorをどのようにスタイルするか？：

in_place_editorのスタイルをCSSで出力する為には、スタイルシートに次の要素を使うことが出来ます。これらはRails0.14.2以上のバージョンで動作するはずです。sciptaculosのAjaxの関数はフォームのclass名を書き換えることができますが、Railsのフォームヘルパーは現時点ではそのオプションをサポートしていません。

これはinplace_editorのフォーム全体をスタイルします。
.inplaceeditor-form input { }

テキストフィールド：
.inplaceeditor-form input[type=text] { }

テキストエリア：(1行以上の場合は:rowを使って下さい)
.inplaceeditor-form textarea { }

キャンセルリンク
.inplaceeditor-form a { }

in_place_editorの詳しい情報は

http://wiki.script.aculo.us/scriptaculous/show/Ajax.InPlaceEditor を参照してください。

翻訳者より追記：
こちらも参照してみてください。
Styling the Ajax In Place Editor in Rails
http://www.infused.org/category/programming/page/2/