html
1<style> 2.Header { 3 position: relative; 4 text-align: center; 5 border-style:groove; 6 border:solid 5px #fed6fb; 7 padding:0.5em; 8 width:80%; 9 } 10</style> 11<div class="Header"> 12 <table> 13 <tr> 14 <th> 15 <span>ここに中身があります</span> 16 </th> 17 </tr> 18 </table> 19</div>
というコードがあるとします。
html
1<script> 2 $(function() { 3 $(document).on('keydown', function(e){ 4 if((e.which || e.keyCode) == 76) {//lボタンを押したとき 5 var color = '#FF0066'; 6 $('.Header').css('border', 'solid 5px ' + color); 7 } 8 }); 9 }); 10</script>
このJQueryによって、キーボードの「L」ボタンを押したときにHeaderのボーダーの色を変えようとしたのですが、だめでした。
どうすれば色を変えられそうでしょうか?
よろしくおねがいします。
回答1件
あなたの回答
tips
プレビュー