在我正在开发的网站上,我们正在使用 jQuery 选择框插件,但正在调整其中一个以适应内容(从 120 像素到 200 像素)。
但是,在 Mac 上使用 Safari 时,CSS 不会生效,因此我们尝试使用 jQuery 覆盖它,但这也不起作用。在我使用检查元素选项之前,jQuery 看不到 DOM 中的元素,这使得测试的能力变得无用。
有没有其他人遇到过这个问题并找到了解决方法?
谢谢。
代码:
$(document).ready(function() {
$("select").selectbox("attach");
$("#playerScroll, .playerScroll").scrollbars();
$("#playerScroll, .playerScroll").mousewheel(function(event,delta){});
$("#playerTransfers .filter li:nth-child(4) .sbHolder").css('width','200px');
});
CSS:
#playerTransfers .filter li:nth-child(4) .sbOptions,
#playerTransfers .filter li:nth-child(4) .sbHolder,
#playerTransfers2 .filter li:nth-child(4) .sbHolder,
#playerTransfers2 .filter li:nth-child(4) .sbOptions,
#playerTransfer .filter li:nth-child(4) .sbSelector{
width: 200px !important;
}