Javascript - 將樣式添加到輸入類類型複選框？

-1

我試圖將樣式元素輸入到輸入類複選框。記住我複選框是確切的。我不知道爲什麼這段代碼不起作用？我是否必須編寫一些類似appendChild的代碼（...）在html中首先創建一個樣式元素，或者是什麼？Javascript - 將樣式添加到輸入類類型複選框？

 \t 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"> 
 
\t \t \t \t \t <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <span>Kom ihåg mig</span> 
 
\t \t \t \t </label>

來源

2017-05-04 MuppetShovel

我想'了rememberMe .document.getElementById（'rememberme'）;'應該是'RememberMe = document.getElementById（'rememberme'）;' –

當問一些爲什麼某些東西不起作用的問題時，重要的是要做一些研究，幷包含任何錯誤信息你可能會得到。例如，如果在您的問題中單擊「運行代碼片段」，結果的底部會顯示錯誤「未捕獲的ReferenceError：RememberMe未定義」。 –

我不好意思，我沒有意識到我記得.document，但實際上我在我的代碼中做的事情正是你所描述的，但它仍然無法以某種方式工作。但我最終只用CSS來做。謝謝你的回答！ – MuppetShovel

編輯：如果你想要做的就是添加一些樣式到具體元素是有你在用JavaScript這樣做的理由？

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

否則，你可以使用jQuery添加CSS樣式屬性：

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

這一行會替換這些三行的JavaScript的你可以加入到這個自己的風格標籤使用純CSS：

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

來源

2017-05-04 17:01:18 Drummad

感謝您的回答，我最終通過CSS來完成。我只是希望它有所不同，具體取決於您是否啓用了JavaScript，但最終您的代碼很好用！ – MuppetShovel

@MuppetShovel說「謝謝你的回答」的最好方法是通過點擊勾號來接受答案;-) – n8bar

你的第一行也許應該var RememberMe=document.getElementById('rememberme');

來源

2017-05-04 17:02:38 n8bar

Javascript - 將樣式添加到輸入類類型複選框？

回答

相關問題