我的问题是下面的
HTML
First Name
name="FirstName" type="text" value="Nancy" maxlength="20">
当用户选择输入字段时,我通过一些javascript将类“curFocus”添加到外部div以突出显示标签和输入字段.
我的css是 –
.editor-container {
border: thin solid #444444;
display: table; width: 100%;
}
.editor-row {
width: 100%; display: table-row;
}
.editor-label {
padding-left: .4em; width: 40%;
}
.editor-label, .editor-field {
padding-right: .4em; padding-bottom: .2em; padding-top: .2em;
display: table-cell;
}
.curFocus {
border: 2px solid #05365b;
background-color: #d3e5f2;
margin: 3px; padding: 3px;
}
我的问题是,在Chrome 12和IE9中使用调试器时,它们都显示应用于外部div的边框设置.但是,在查看表单时,浏览器都不会显示指定的边框.所有其他CSS设置正常工作.我也尝试将“.curFocus”的定义更改为“.curFocus div”.但是这也将样式应用于每个嵌套div,但确实在所有div上显示了边框.
虽然我不是CSS专家,但为什么这不起作用并不明显.
编辑
这里是jsfiddle链接 – http://jsfiddle.net/photo_tom/KmsF5/1/.在测试它时,如果在IE7兼容模式下,它在IE9中可以正常工作.否则,它无法正确显示.
抱歉不包括链接,仍然使用jsfiddle甚至存在的事实.