
###前提・実現したいこと
ブロック全体がリンクの中の一部のセレクトボックスをクリックしてもリンク先に飛ばせないようにしたい
###発生している問題・エラーメッセージ
セレクトボックスをクリックするとリンク先に飛んでしまう
mondai.html
<a class="box" href="http://example.com/"> <div class="box_content"> <div class="box_content_left"> ... </div> <div class="box_content_right"> ... </div> <div class="box_content_bottom"> <label for="xxx"> <select id="xxx"> ... </select> </label> </div> </div> </a>
xxx.css
* { display: inline-block; }
###試したこと
dakyou.html(右下がリンクにならない)
<div class="box"> <a class="box_content" href="http://example.com/"> <div class="box_content_left"> ... </div> <div class="box_content_right"> ... </div> </a> <div class="box_bottom"> <label for="xxx"> <select id="xxx"> ... </select> </label> </div> </div>
xxx.css
* { display: inline-block; }
###補足情報(言語/FW/ツール等のバージョンなど)
HTML5
CSS3
回答2件
あなたの回答
tips
プレビュー