Question

我试图将样式元素输入到输入类复选框中。 a记住我的复选框是准确的。我不知道为什么这段代码不起作用？我是否必须编写一些像appendChild（...）这样的代码来首先在html中创建一个样式元素或者什么？

      	RememberMe.document.getElementById('rememberme');
      RememberMe.style.marginRight="-90px";
      RememberMe.style.marginLeft="-90px";

element.style {
EMPTY, i want to insert CSS to this element that wont affect any other elements.
}

<label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline">
					<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <span>Kom ihåg mig</span>
				</label>

Answer 1

编辑：如果您只想为该特定元素添加一些样式，那么您是否有理由使用javascript进行操作？您可以通过将其添加到样式标记中来使用纯CSS：

#rememberme {
    margin-left: "-90px";
    margin-right: "-90px";
}

否则，您可以使用jQuery添加CSS样式属性：

$('#rememberme').css({"margin-left": "-90px", "margin-right": "-90px"})

这一行将取代这三行javascript：

var RememberMe = document.getElementById('rememberme');
RememberMe.style.marginRight="-90px";
RememberMe.style.marginLeft="-90px";

Answer 2

您的第一行应该是var RememberMe=document.getElementById('rememberme');

Javascript - 添加样式到输入类类型复选框？

2 个答案: