奇怪的行为使用CSS边界半径

2012-12-26 35 views 1 likes

有人能解释我为什么左上和左下边角都显示了这种方式：使用下面的CSS奇怪的行为使用CSS边界半径

enter image description here

：

form .form-field 
{ 
    height: 20px; 
    padding: 5px; 
    border: 1px solid #ccc; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
}

输入字段和textarea都有“表单字段”类。（在Safari，Chrome和Firefox中也有相同的行为）

来源

2012-12-26 daveoncode

只是为了确认，在窗体输入后面的另一个元素中是否指定了红色背景色？ –

仅靠CSS就不会产生任何红色背景。你需要显示更多的代码。 – BoltClock

也许你的代码示例不完整？当我尝试你的CSS，它的工作很好... –

回答

Like T.J.注意到，东西有一个红色的背景，在你的DOM树中更高。将边框半径添加到您的角落就暴露了这一点。使用您的浏览器的检查员来查找它。应该是一个快速修复。

来源

2012-12-26 14:39:28 sitesbyjoe

奇怪的行为使用CSS边界半径

回答

相关问题