消えるチェックボックスHTMLラベル

Question

このサイトを読み込んで横のアップロードタブに移動すると、チェックボックスボタンが表示されます。これをクリックすると消えます。ウェブサイトのどこかをもう一度クリックすると、再び表示されます。

https://www.dropbox.com/sh/ef03jgg3vf8r1i6/AADhHtiUDw5YjPGrezMQxykza?dl=0

または検査：私は、sの私はここに私のサイトの全体のためのコードをアップロードし、その下のジップで、サイト全体でカントの問題だったかわからないとして

もう一つの小さな問題は、入力フィールドと送信ボタンは、すべて彼らがしているdiv要素の、あまりにも幅を100％に設定されていますが、入力フィールドが明らかに長くなっていることが確認できている

http://www.brunel.ac.uk/~cs13lld/BadNoise/

：でコードを参照してください〜に送信ボタンの右側にあります。

ウェブサイトが半分になっているので、不足していても心配はありません。

多くのありがとうございます。

Answer 1

あなたはこのルールを削除するか、またはinput[type='text']にそれを変更する必要があります。

@media only screen and (min-width: 300px) { 
    input:focus, select:focus, textarea:focus, button:focus { 
    -webkit-appearance: none; 
    outline: none; 
    } 
} 

Answer 2

だから私の推測では、あなたがクロームでこれを見ているということです。

問題を引き起こして、あなたのスタイルシートにCSSのビットがあります：

@media only screen and (min-width: 300px) 
 
input:focus, select:focus, textarea:focus, button:focus { 
 
    -webkit-appearance: none; 
 
    outline: none; 
 
}

だけ-webkit-外観削除：なし。あなたは大丈夫でしょう。