如何在 JavaScript 中设置 marginLeft 属性？答案

【问题标题】：How to set marginLeft property in a JavaScript?如何在 JavaScript 中设置 marginLeft 属性？
【发布时间】：2012-03-28 17:41:34
【问题描述】：

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

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

【问题讨论】：

查看.datepicker() 生成的HTML 并相应地为类添加样式规则。

标签： javascript jquery margin

【解决方案1】：

您可以将此日历包含在一个 Div 中，并且您可以针对该 DIV 执行此操作。

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

如果您使用的是this plugin，它带有datePicker.css，您可以在其中简单地编辑a.dp-choose-date（即图标）并添加margin-left。

对于datepicker coming with jqueryUI，您应该编辑的样式是ui-datepicker-trigger。

【讨论】：