メッセージの編集
お名前
本文
-webkit-appearance: none; これがチェックボックスに適用されているからレ点が消える。同じようにセレクトにも適用されているからセレクトの矢印も消えているはず。 input,input[type="text"],input[type="number"],input[type="password"],input[type="submit"]{ のところを input[type="text"],input[type="number"],input[type="password"],input[type="submit"]{ と書き換えれば、チェックボックスに-webkit-appearance: none;は適用されなくなる。 同様に textarea, select{ のところを textarea{ と書き換えればセレクトにも適用されなくなる。 -webkit-appearance: none;を適用するグループと適用しないグループに分けて整理すると textarea,input[type="text"],input[type="number"],input[type="password"],input[type="submit"]{ width: auto; height: auto; padding: 4px; margin: 1%; font-size: 11px;color: #000; background: #e7e7eb; border: solid 1px #e7e7eb; border-radius: 3px; -webkit-box-shadow: none; -webkit-appearance: none; font-family: "Comfortaa", "メイリオ"; } input[type="checkbox"], select{ width: auto; height: auto; padding: 4px; margin: 1%; font-size: 11px; color: #000; background: #e7e7eb; border: solid 1px #e7e7eb; border-radius: 3px; -webkit-box-shadow: none; font-family: "Comfortaa", "メイリオ"; } となる。 チェックボックスとセレクトには-webkit-appearance: none;が適用されなくなりデフォルトに近くなるからデザインは変わりますがレ点や矢印が消えるよりマシなんじゃないでしょうか。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -