###前提・実現したいこと
spanタグにhoverがつけられない。
Choose Fileにカーソルが乗ったら背景色を変えるようにしたい。
###発生している問題・エラーメッセージ
特にエラーは発生していない。
###該当のソースコード
htmlに
<div class="input-group"> <label class="input-group-btn"> <span class="btn btn-primary file_select"> Choose File<input type="file" style="display:none"> </span> </label> <input type="text" class="form-control" readonly=""> </div> <script type="text/javascript"> $(document).on('change', ':file', function() { var input = $(this), numFiles = input.get(0).files ? input.get(0).files.length : 1, label = input.val().replace(/\/g, '/').replace(/.*//, ''); input.parent().parent().next(':text').val(label); }); </script>
と書いてcssに
.file_select:hover { background-color: blue; }
と書いた。
###試したこと
この場合spanタグにhoverをつけたのが間違いかもしれないと思ったが、じゃあどこにhoverをつければいいのかがわからない。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/15 01:45
2017/10/15 02:08