HTML
1<html> 2 <head> 3 <meta charset="utf-8"> 4 </head> 5 <body> 6 <select id="fruits"> 7 <option value="foo">apple</option> 8 <option value="bar">banana</option> 9 <option value="baz">peach</option> 10 </select> 11 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 12 <script type="text/javascript"> 13 $('<option></option>') 14 .attr('value', 'testadd') 15 .text('orange') 16 .css('background-color', '#FFff00') 17 .appendTo('#fruits'); 18 </script> 19 </body> 20</html> 21
このようなコードを書いたところFirefoxでは正常にorangeの項目が'#FFff00'の色に変わったのですが、ChromeやOperaではCSSが反映されません
Chromeのエラーログなどを確認するも何も表示されていませんでした
原因や解決法がわかる方いっらしゃいましたらご教示願います
追記
Chrome開発ツールのElementsはこのようになっています
styleは追加されていますが反映がされません
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2015/10/21 10:24