Question

我正在使用Joomla Membership Pro组件，并且在CSS样式方面遇到了一些麻烦。

如果你点击这里

http://se24media.net/dc3/index.php/join-us/membership-options/supporter/sign-up

您会看到背景的样式很好，但如果您填写表单，请点击提交，然后转到显示您的会员资料的页面，它会丢失所有样式（请参阅下面的链接）

http://i60.tinypic.com/33pa4c2.png

有谁知道它为什么会突然失去它的格式？

非常感谢

Answer 1

它会丢失样式，因为在第一页上，包含所有字段的表格都包含<form>标签，如下所示：

<form id="os_form">
    <!-- Table with fields are in here -->
</form>

并为#os_form

提供了以下CSS

#os_form {
    background-color: #FFFFFF;
    background-image: url("/dc3/images/news_header.gif");
    background-repeat: repeat-x;
    border-color: #868687;
    border-radius: 12px;
    border-style: solid;
    border-width: 0 2px 3px 0;
    color: #000000;
    float: left;
    font-family: 'Source Code Pro',sans-serif;
    height: auto;
    margin: 0 40px 40px 50px;
    max-width: 100%;
    opacity: 0.9;
    padding: 40px 20px 20px;
    width: 85%;
}

第二页只显示一个包含类os_table的表格，因此请对此表格进行设置，您需要将以下内容添加到CSS文件中：

.os_table {
    /* code here */
}

希望这有帮助

更改组件的CSS样式

1 个答案: