InlineSelect

label と options（value・label）を渡し、文の中に置きます。value に初めに選んでおく選択肢の値を渡し、渡さなければ先頭を選びます。選択肢の label は前後の文とつないで読める形で書きます。

実体は標準の select です。前後の文と同じ大きさ・行高のまま、選べる語を、Basecamp 2の検索の条件の文と同じく枠の無い淡い青（#e1e8f8）の面に青緑（#1c5c77）の太字で置き、終わりに小さな▾を添えます。角はピルにせず角丸2pxです。ホバーすると文字と▾をリンクと同じ赤にし、フォーカスすると青い縁の外に淡い青の輪を広げます。開いた一覧の選択肢は本文の黒い文字です。disabled では形と面をそのままにし、文字と▾だけを灰色にします。幅は選んだ語に合わせ、収まらない時は語を省略します。

class は外側の span に付き、name・disabled・form などの残りの属性は select に付きます。name を渡すとフォームで選んだ value を送ります。

controllerは持ちません。選び直しは標準の change で受け取ります。JavaScriptが無い時も同じく動きます。