checkboxについて - ALICE+サポート

凍結

0 Anonymous iPhone

とあるサイト様からテンプレートを使わしていただいています。

<input id="menu" type="checkbox" name="menu" class="check"/>

これをデザイン編集で入れたところ、本来なら右上に三本のバーがでて、そこを押して小説ページなどに入れるのですが、トップページとノートページで、中央上に小さい四角のボタンが出てきました。
そのボタンを押せば、バーを押したのと同じように、小説ページなどの選択画面が出ます。
子ページではならなかったのですが、どうしてでしょう。
四角いボタンがあると見栄えがあまりよくないので、気になってしまいます。
原因と解決策を教えて貰いたいです。

05/15 16:45

返信

コメント投稿検索

1 Anonymous Chrome

スタイルシートを見ないことには原因はわかりませんので素人の憶測ですが、

・input要素＞checkboxの非表示するプロパティが作成されていない
・コードにセミコロンや括弧閉じなどの記入ミス、ケアレスミスがある
・コードの重複によって反映されていない

→input要素が何らかの原因があって非表示できていない
>>0様の目的は、チェックボックスのボタンを非表示にすることと仮定

一度キャッシュクリアしたあと、チェックボックスを確認できる場合は
CSS編集、HEAD編集(テンプレートのCSSをペーストした場所)を確認。

input要素のセレクタを確認する。
また、タグの中にid属性とclass属性があるようなので念のため
#menu{~}
.check{~}
の二つも確認。

input[type=checkbox] { display:none; }

上記のコードがなかった、または
id属性、class属性でプロパティが作成されている場合はコピペして付け加えてみる。
　(classで非表示できるようなのですが、自分でやってできた試しがないです)

一度保存してページを確認してみてください。
まだチェックボックスがあった場合は、ほかに原因があるかもしれませんが、可能性の一つとして参考になれば幸いです。
長文失礼しました。

参考にしたサイト

<INPUT type="checkbox">－HTMLタグリファレンス