css - IE9ですべてのテキストが表示されないborder-radiusとshadowの入力フィールドセット

Question

私は次のCSSを持っています：

fieldset ul li input {
  width: 96%;
  margin: 0;
  padding: 6px;
  font-size: 13px;
  border: 1px solid #CCC;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE;
  -webkit-box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE;
  box-shadow: 0 2px 2px white, inset 0 1px 3px #EEE;
}

これはFirefoxとChromeで動作します。ただし、IE9では、テキストを挿入すると完全に表示されません。あなたが見ることができるようにそれの半分に隠されています：

Answer 1

高さを増やすか、パディングを増やしてください。

input {
    padding: 10px;
}