关于jquery tabSlideOut插件的用法

Question

我正在为我们的网站使用jquery tabSlideOut插件，它工作正常。这里有一些网址，你可以看到它工作正常

http://www.bba-reman.com/ http://www.bba-reman.com/content.aspx?content=how_to_contact_bba_reman_it

但是当你转到这个页面http://www.bba-reman.com/catalogue/Register.aspx时，你会发现UI混乱。 这是屏幕截图

所以请看我的页面并告诉我我在哪里犯了导致这个问题的错误。请指导我需要修改的内容。感谢

Answer 1

在注册页面中，您的输入字段比网站的其他部分长。根据元素检查器，register.aspx中有一行CSS：input[type=text], input[type=password] {width: 300px;}。此规则是通用的，会影响页面上的所有输入字段，包括注册表单中的输入字段和滑出选项卡中的输入字段。

选项包括：

1. 删除该规则。该选项卡看起来不错，但注册表单中的输入字段看起来不会对齐。
2. 使用更具体的CSS规则仅影响注册表单中的输入字段：#Register input[type=text] {width: 300px;}

作为旁注，我建议避免内联和文件内CSS，这会使一切变得混乱。