ColdFusion datefield干扰其他CSS

Question

当我添加cfinput type =“datefield”时，ColdFusion CFIDE /脚本会干扰页面上的另一个div。

  

好：

     

     

为：

     

代码：

<aside id="sideLeft">
<--- CMS generated --->
<div  class="ktcssmenu thenav_ff_green"><div class="ktvertical ktopts_showtimeout_100 ktopts_hidetimeout_100 ktopts_imgreplace_no ktopts_imgreplacestyle_img ktopts_imgdir_ ktopts_imgnames_">
<ul class='lev1 clearfix'><li class="lev1 pos1 lev1_pos1 first lev1_first"><a href="/hr/index.cfm" class="lev1 pos1 lev1_pos1 first lev1_first" target="_self">Human Resources Home</a></li>
<li class="lev1 pos2 lev1_pos2 last lev1_last"><a href="http://www.blah.com/hr" class="lev1 pos2 lev1_pos2 last lev1_last" target="_new">Public Site</a></li>
</ul></div></div>
<--- regular non-CMS code --->
        <div class="gspecial">
            Restricted Access
            <a href="url.cfm">New Hire Forms</a>
            <a href="url.cfm">Jobs / Employment Admin</a>
            <a href="url.cfm">Eligibility Lists Admin</a>
        </div>  
...     

CSS：

#sideLeft {
    float: left;
    width: 230px;
    margin-left: -100%;
    position: relative;
    padding: 10px 10px 10px 10px;
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
    }
/* test */
.thenav_ff_green {
    border: dashed 5px #990000;
    } 
.gspecial {
    border: dotted 5px #003333;
    }

---

网站正在使用CMS，我无法在“绿色”内编辑太多内容 预先打包的导航。

引起我头痛的ColdFusion CFIDE /脚本是/CFIDE/scripts/ajax/ext/adapter/yui/ext-yui-adapter.js

我尝试了各种CSS清除和浮动。

我愿意再试一次。谢谢。

Answer 1

我认为最好的解决方案是不使用cfinput，而是尝试这样的事情： http://jqueryui.com/datepicker/#icon-trigger

然后你可以更好地控制样式和功能，因为它可以实际编辑，而不是仅仅接收js / css cfinput中提供的任何内容。

否则你可能只需要使用firebug来查找究竟是什么导致问题在一些额外的css中添加来修复它。

这样的CSS错误很难调试，没有一个示例页面可以使用。你有什么方法可以将它简化为一个你可以与我们分享的页面吗？