输入带有border-radius和shadow的字段集,不显示IE9中的所有文本

时间:2012-04-25 23:43:14

标签: css css3 internet-explorer-9 fieldset

我有以下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中,当我插入一些文本时,我无法完全看到它。正如你所看到的那样隐藏在它的一半中:

IE9 fieldset input problem

1 个答案:

答案 0 :(得分:1)

增加高度或填充。

input {
    padding: 10px;
}