###問題点と実現したい事
railsの中のhtml.erbで
<td class="value" bgcolor=<%= data['bg']%> bordercolor=<%= data['border']%>> <%= 実際は実装しているが確認したい事と別内容なので割愛 %> </td> (上記の<%= data['bg']%>や<%= data['border']%>には"blue"や"red"といった色を入れています)
という実装をすると、
・bgcolorの方
⇒IE/FireFox/Chromeによらず表示される演出に差異はない
(いずれのブラウザでも<%= data['bg']%>で指定した色になる)
・bordercolorの方(今回の問題点であり相談したい事)
⇒使用するブラウザによって差異が生じてしまいます。
(IEでは枠線のbordercolorには<%= data['border']%>で指定した色で表示されるのですが、
FireFoxやChromeだと枠線は黒色になってしまいます)
###試している事
上記ブラウザによる演出の違いを吸収すべく下記のように"IE"と"それ以外のブラウザ"で処理を分けるようにしました。
html.erb
1<% if @browser == "ie" %> <!-- 使用ブラウザがIEの場合--> 2 <td class="value_ie" bgcolor=<%= data['bg']%> bordercolor=<%= data['border']%>> 3 <%= 実際は実装しているが確認したい事と別内容なので割愛 %> 4 </td> 5<% else %> <!-- IE以外のブラウザの場合--> 6 <td class="value_notie" bgcolor=<%= data['bg']%> bordercolor=<%= data['border']%>> 7 <%= 実際は実装しているが確認したい事と別内容なので割愛 %> 8 </td> 9<% end %> 10 11(上記@browserについてですが、使用ブラウザの情報が入ります。 12予めgem browserをインストールしておき、どのブラウザを使用しているかを確認し、 13確認結果が@browserに正しくセットされている事を確認済みです)
◆CSSファイル td.value_ie { font-size: 10pt; border-width : 3px; border-style: solid; } td.value_notie { font-size: 10pt; border-width : 3px; border-style: solid; }
###確認したい事
上記試している事で"IE"と"FireFox/Chrome"で行う処理を分けられるようにしましたが、
FireFoxやChromeでもIEと同等の枠線の色を演出するには
CSSに手をいれる事になるのでしょうか?
それとも、JavaScriptにて実装しないといけないでしょうか?
それともまさかの非対応なのでしょうか?
###補足情報(言語/FW/ツール等のバージョンなど)
使用ブラウザについてですが、
IEは11です(10以下はサポート外でよいです)。
FireFox、Chromeについては最新と考えてもらってよいです。
これら以外のブラウザはひとまずサポート外でよいです。
回答3件
あなたの回答
tips
プレビュー