HTMLで全体がリンクのブロックの中の一部のセレクトボックスをクリックしてもリンク先に飛ばせないようにしたい

Question

###前提・実現したいこと
ブロック全体がリンクの中の一部のセレクトボックスをクリックしてもリンク先に飛ばせないようにしたい

###発生している問題・エラーメッセージ
セレクトボックスをクリックするとリンク先に飛んでしまう
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

Comments

[退会済みユーザー]

提示されたソースに「リンクの中の一部のセレクトボックス」はございません。

[defeatist]

問題が発生したソースを載せました。

Answer 1

a要素の子孫にはselectなどのインタラクティブコンテンツは来てはなりません。
作りを見直すことをお勧めします。

https://www.w3.org/TR/html/textlevel-semantics.html#the-a-element

Content model:
Transparent, but there must be no interactive content or a element descendants.

Answer 2

記載されているだけのhtmlを書いた場合普通にセレクトボックスが選べます。
（<option>くらいは入れましたが）
記載箇所以外のどこかで何かをしていませんか？

Comments

[defeatist]

問題が発生したソースを載せました。