更厚的边界与模板

Question

我之前遇到过类似的问题，并试图让它得到纠正。如果你注意到js小提琴，那么动作div上面似乎有一个更厚的边框，我试图找出原因，而且我购买的模板中没有。

http://jsfiddle.net/pGFfa/

模板：HTTP：//kansasoutlawwrestling.com/files/templates/admin/peachv1.2/Template/forms.html

编辑：

我使用真实的目标页面更新了我的页面，但是查看了操作区域，左侧和右侧仍然有一个边框。不知道为什么。

Answer 1

更新了小提琴http://jsfiddle.net/7jrEp/2/

作为一个注释，当您的css在外部链接时，您对实际css所做的任何更改都会更改我们发布的每个小提琴。最好将css粘贴到小提琴中，这样就不会破坏。

上面提到的问题是双边框加上半径应用于底部而不是表单容器的顶部。

Answer 2

双边框是因为内容div的底部边框。模板中的div具有应用规则“.box .content.with-actions”，其中“border-bottom：0 none;”。小提琴中的内容div没有该规则，因此它有一个底部边框，而且动作div也有一个顶部边框，因此线条外观较粗。

不同之处在于模板中的内容div也具有“with-actions”类，而小提琴中的内容div则没有。只需添加该类，问题就会消失。

Answer 3

在content.css中，尝试更改：

.box .content-form { border: 1px solid #C8C8C8; }

为：

.box .content-form { border: 1px solid #C8C8C8; border-bottom: none; }