ColdFusion datefield干扰其他CSS

Question

当我添加cfinput类型="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错误很难调试而无需使用示例页面.你有什么方法可以将它煨到你可以与我们分享的页面吗？