更改下拉背景颜色的颜色

时间:2017-03-15 15:51:47

标签: jquery css forms css3

我的属性地址选择器下拉列表的背景颜色目前是透明的,我想将其设为白色,无论我多么惹它,都无法弄明白:

http://realendeavors.com/dmv-form/thank-you2.htm

当用户将鼠标悬停在建议的属性地址上时,也希望使光标成为指针。我已经尝试添加"光标:指针"进入jquery.timepicker.min.css,但无法使用。有什么想法吗?

我相信影响下拉列表的代码会在这里:

    .ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}.ui-timepicker{box-sizing:content-box;display:block;height:205px;list-style:none outside none;margin:0;padding:0 1px;text-align:center;}.ui-timepicker-viewport{box-sizing:content-box;display:block;height:205px;margin:0;padding:0;overflow:auto;overflow-x:hidden}.ui-timepicker-standard{font-family:Verdana,Arial,sans-serif;font-size:1.1em;background-color:#FFF;border:1px solid #AAA;color:#222;margin:0;padding:2px}.ui-timepicker-standard a{border:1px solid;color:#222;display:block;padding:.2em .4em;text-decoration:none}.ui-timepicker-standard .ui-state-hover{background-color:#DADADA;border:1px solid #999;font-weight:400;color:#212121}.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}.ui-timepicker-corners,.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ui-timepicker-hidden{display:none}.ui-timepicker-no-scrollbar .ui-timepicker{border:0}

1 个答案:

答案 0 :(得分:0)

尝试将此代码添加到自定义CSS文件

span.tt-dropdown-menu {
   background-color: #fff;
}

span.tt-dropdown-menu .tt-suggestions .tt-suggestion {
   cursor: pointer;
   border-bottom: 1px solid #000; 
}