css - これをインラインでどのようにスタイルしますか?

Question

#{self.o_cord.name} と #{self.o_product.full_name} にインライン スタイルを指定して背景色をオレンジ色にするにはどうすればよいですか? それらは.rbファイルにありますが、それが何かを変えるかどうかはわかりません。前もって感謝します！

if self.o_connection.dongle? 
  return "Plug the #{self.o_cord.name} end of the #{self.o_product.full_name} into the #{self.i_product.full_name}."

Answer 1

Haml インライン css の例:

= f.text_area :short_description, :style =>'background-color:'orange';'

erb

<%= f.text_field :short_description, :style => 'background-color:'orange';' %>

Answer 2

モデルから文字列を除外して、代わりに o_connection.dongle を呼び出しますか? あなたの見解から。次に、ビューで、css を介してスパンとスタイルでキーワードをラップするだけです。

意見：

<% if SomeClass.o_connection.dongle? %>
  <p>Plug the <span class="info-label"><%= self.o_cord.name %></span> end of the <span class="info-label"><%= self.o_product.full_name %></span class="info-label"> into the <span><%= self.i_product.full_name %></span>.</p> 

CSS:

span.info-label {
  background-color: 'orange';
}