输入字段css问题 - 适用于chrome / ff等但不适用于IE

Question

我有这个输入字段在chrome和firefox上正常工作：

但不在IE上 - 它看起来像这样：

当我点击字段时，就像这样：

这里是正在使用的输入类型的css：

input[type="text"], input[type="password"], textarea, select, checkbox, radio {
    border: 1px solid #ddd;
    padding: 5px;
    color: #777;
    border-radius: 3px;
    line-height: normal;
    -moz-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
    -webkit-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
    -o-transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
    transition: box-shadow ease-in-out 0.5s, border ease-in-out 0.5s;
}

有任何想法如何解决它？

Answer 1

尝试添加背景颜色：白色;到输入元素的CSS。