HTML5 - 無效的表單，因爲佔位符不是數字

Question

我的空數字輸入表單通過我的CSS獲取無效顏色，因爲佔位符文本不是數字，或者是什麼錯誤？

js fiddle

:invalid { 
    border: 2px solid #ff0000; 
} 

HTML

<input type="number" placeholder="Sum" required pattern="[0-9]*"/> 

Answer 1

這不是佔位符，但所需要的標誌，使得輸入亮起紅燈。 如果你刪除所需的關鍵字，它會顯示出來很好。