html - 较粗的边框与模板

Question

我以前遇到过类似的问题，并试图最终得到纠正。如果您在 js fiddle 中注意到操作 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”类，而你的 fiddle 中没有。只需添加该类，问题就会消失。

Answer 3

在 content.css 中，尝试更改：

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

至：

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