如何在JavaScript中设置marginLeft属性？

Question

我有以下代码，我需要日历图标在左边留下约156px的边距..我应该如何添加这个样式？

$(function () {
    $(".datepicker").datepicker({
        showOn: "button",
        buttonImage: "../static/datepicker/images/calender-icon.png",
        buttonImageOnly: true
    });
});

Answer 1

你可以在jQuery文档中查看控件的主题部分，它将描述用于控件不同部分的CSS类。

有了这些，正如Felix所说，你可以通过覆盖类的默认样式来通过CSS应用样式。

http://jqueryui.com/demos/datepicker/#theming

Answer 2

您可以将此日历包含在Div中，也可以用于该DIV。

$(div).css('marginLeft',156);

Answer 3

它在日历图像上创建ui-datepicker-trigger类，你可以在你的css中使用这个类的css属性，它会起作用。

Answer 4

试试这个：.css("margin-left","156px")

Answer 5

如果您使用的是this plugin，则会附带一个datePicker.css，您只需编辑a.dp-choose-date（即图标）并添加margin-left。

对于datepicker coming with jqueryUI，您应修改的格式为ui-datepicker-trigger。