기본적으로 내 단추의 배경색은 내가 방문하는 개체의 color 특성에 의해 결정되는 양식의 배경색의 어두운 음영이되도록하고 싶습니다 의 '편집'보기. 현재 사용 중입니다.erb 파일의 인라인 <% f.submit %> 스타일링
<div class="formPageBG" id="formPageBG" style="background-color: <%[email protected]%>">
방문시 배경색을 동적으로 설정하려면, 그러나, 나는이 버튼은 .action을 통해 CSS에서 스타일지고
<div class="action">
<%= f.submit "Update" %>
</div>
에 의해 생성되는 내 버튼을 같은 인라인 스타일 속성에 액세스하는 방법을 잘 모르겠어요 : 입력,하지만 난에 액세스 할 수 없습니다 내 CSS 시트의 @student 변수. 나는 JavaScript에 데이터를 전달하거나 Javascript에서 SASS 변수를 사용하는 것과 같은 여러 가지 방법을 시도해 보았습니다. 그러나 CSS 시트에 루비 변수를 올바르게 가져 오는 방법을 알지 못합니다. 필자는 .erb 파일이며 변수가 이미 있으므로 인라인 스타일을 사용하고 있습니다. 나는 같은 다른 구문을 시도했습니다
<%= f.submit "Update", style: 'background-color:<%[email protected]%>'%>
<%= f.submit "Update", :style => 'background-color:<%[email protected]%>'}%>
<%= f.submit "Update", {:style => 'background-color:<%[email protected]%>;'}%>
<%= f.submit "Update", {:style => 'background-color:<%[email protected]%>'}%>
하지만 그 효과가 없습니다. 나는 또한이 루비 스 니펫이 생성하고 인라인으로 스타일을 지정하는 HTML을 복사 해 보았지만 그 중 하나는 작동하지 않는 것으로 보였다. (폼의 나머지 부분이 form_for에 의해 생성 되었기 때문에 그렇게했다면 엉망이었다. 따라서 CSS 시트 (이상적)에서 @student 변수에 액세스하거나 내 .erb 파일의 인라인 스타일 버튼에 액세스 할 수있는 방법이 필요합니다. 또한, 배경색을 마지막으로 스타일링 할 수 있다면 CSS를 통해 색상의 어두운 음영을 동적으로 생성 할 수있는 방법이 있습니까? 필터를 사용할 수 있습니까? 대비 또는 필터 : 인라인 스타일이있는 밝기입니다.
당신이 변수 삽입 할 수 있습니다