我在缩小问题时遇到了一些麻烦,导致我的文本框无法在IE中运行。在IE中加载时,文本框所在的区域为空白。我知道它是由应用的CSS引起的。这是CSS类。
.field.m {
display: block;
width: 75px;
height: 28px;
margin-right: 0%;
margin-left: auto;
border-width: 0px;
border-color: #fff;
font-size: 13px;
text-align: right;
}
虽然,当我将CSS切换到这些属性时,从另一个有效的页面上的文本框中,它会填充并且不是空白
.field.m {
width: 65%;
height: 40px;
margin-right: 3%;
float: left;
border: 0px solid #000;
border-radius: 4px;
background-color: #f4f4f4;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .31), inset 0 2px 9px -1px rgba(0, 0, 0, .14), 0 0 0 1px hsla(0, 0%, 100%, .09), 0 1px 0 0 hsla(0, 0%, 100%, .13);
-webkit-transition: background-color 300ms ease, box-shadow 300ms ease;
transition: background-color 300ms ease, box-shadow 300ms ease;
color: #222222;
font-size: 16px;
}
我想知道为什么第一个没出现在IE中,但第二个出现,以及我可以做些什么来修复我的原始。