Chromeはデバイスモードで入力/選択ボックスを変更するのはなぜですか？

Question

Chromeで（v51でも）この問題が発生しています。デバイスツールバーを有効にした後、選択ボックスと送信ボタンはスタイリングを失い、テキストのみを表示します。あなたは、問題を再現できない場合https://jsfiddle.net/qmfws6mq/

<select> 
 
<option>Option 1</option> 
 
</select> 
 
<input type="text" name="test" value="Text box"> 
 
<input type="submit" value="Submit button">

、ここでは2つのスクリーンショットは以下のとおりです：http://imgur.com/a/H6wGA これは私のコンピュータの少なくとも2つ（だけクローム上）に発生した空のフィドルを使用して。

これはどのように機能しますか？これはバグですか？

Answer 1

解決策の1つは、入力のために新しい一時的なスタイル（ブラウザ内で）を作成し、欠落している罫線を追加することです。

は、少なくとも問題を解決しますこれらの入力に境界線を置くスタイルを作成します。要素を検査しながら

（下記画面のように）、スタイルパネルには、カスタムスタイルを作成することができます一時的な状態：

input { 
    border: 1px solid #999; 
}