前提・実現したいこと
フォームでチェックボックスを作りたいです。
MacでWebページを制作しています。
お問合わせフォームでチェックボックスを使用しているのですが、
windowsのchromeでだけ、チェックボックスをクリックしても四角い破線のようなものが見えるだけでチェックが反映されません。
MacではChromeでも問題なくチェックできますし、windowsでも他のブラウザだと問題ありません。windowsのchromeでのみ問題が起こっています。
苦肉の策として文字クリックでもチェック入るようにしていますが、わかりづらいのでチェックボックスでチェック入るようにしたいです。
検索で色々調べたのですが、なかなか該当するものがなく、他のサイトの問題なさそうなソースをコピペしても同じ状況になる(閲覧時には問題なく選択できる)ので、環境的な問題なのでしょうか。
発生している問題・エラーメッセージ
windowsのChromeでチェックボックスがチェックできない。
テキストボックスやラジオボタンは問題ありません。
エラーメッセージ
該当のソースコード
<form> <label>ご用件</label> <label for="yoken_checkbox1"> <input type="checkbox" name="ご用件[]" value="用件1" id="yoken_checkbox1">用件1</label> <label for="yoken_checkbox2"> <input type="checkbox" name="ご用件[]" value="用件2" id="yoken_checkbox2">用件2</label> <label for="yoken_checkbox3"> <input type="checkbox" name="ご用件[]" value="用件3" id="yoken_checkbox3">用件3</label> </form> ```ここに言語名を入力 ソースコード ```試したこと
・「Chromeでチェックボックスが消える」という記事を見て「-webkit-appearance: none;」を削除するなどしてみましたが関係ありませんでした。
・他サイトを見て問題なさそうなチェックボックスのソースをコピーして、テストでアップしてみましたが、同じように選択できませんでした。
補足情報(FW/ツールのバージョンなど)
chromeのバージョンは最新です。
CSSは、無しの状態でテストしても同じ状態になったので割愛してあります。
回答2件
あなたの回答
tips
プレビュー