何が起こっているのかわかりません。[Remember Me] の左側にチェックボックスがあり、下部に [I have a bike] と [I have a car] の 2 つのテスト チェックボックスがあるはずです。Firefox では表示されますが、Chrome では表示されません。CSS に問題があると思いますが、見つかりませんか? 誰でも助けてもらえますか？
質問する
69736 次
10 に答える
40
チェックボックスがChromeに表示されないというこの問題に直面している人たちに、より広いレベルで答えています。そして、グーグルによってここに導かれました。どちらも現在WebKitを使用しているため、Safari でもこの問題が発生する可能性があります。
この問題は、チェックボックスとラジオ入力が正しく表示されない自分の Web サイトで発生しました。しかし、これをCSSに追加することで修正しました。
input[type=checkbox]
{
-webkit-appearance:checkbox;
}
今では正常に動作します。
ご覧のとおり、別の開発者が-webkit-appearance: none;あなたの場合と同じように追加しました. 私たちの場合、それは私がテーマから始めたからです。
ただし、入力が確実に表示されるようにするには、CSS でこれらのルールを宣言するだけで安全です。このページでは、<style>タグにスタイルを配置しましたが (これはお勧めしません)、まだテスト中にスクリーンショットを撮りました。競合するスタイルを削除し、適切なフォルダーにスタイルを追加することをお勧めします。
追加リソース:
https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance
WebKit とは何ですか? CSS とどのように関連していますか?
https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
于 2014-05-16T22:47:48.657 に答える
31
CSS のこの行:
-webkit-appearance: none;
スタイルルールでinput, button, select, textareaは、あなたのために物事を壊しています。
于 2013-05-19T08:59:25.013 に答える
5
スタイル ルールを定義しました。
-webkit-appearance: none;
に対して定義されてinput, button, select, textareaいる場合は、それを削除する必要があり、動作します。
コンソールにも JS エラーがあります: Uncaught ReferenceError: containerz is not defined、チェックしてください。
于 2013-05-19T09:02:46.433 に答える
0
input[type=checkbox] {
display: block;
}
それは単に私の問題を解決しました
于 2020-08-24T14:57:42.470 に答える