爲什麼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">

如果您不能重現該問題，這裏有兩個截圖：http://imgur.com/a/H6wGA 這發生在至少兩個我的電腦（但僅限於鍍鉻） 。

這是如何工作的？這是一個錯誤？

Answer 1

一個解決方案是爲輸入創建一個新的臨時樣式（在瀏覽器內），以添加缺少的邊框。

在考察元素，樣式面板，能夠對自定義樣式創建（如下圖所示的畫面）：

創建一種風格，把一個邊界上的投入，這將在至少解決問題臨時狀態：

input { 
    border: 1px solid #999; 
}