更改CSS

Question

它爲什麼會用 「紅色」

var inputButtonColor = $('input#button-color'); 

inputButtonColor.change(function() { 
    var inputButtonColorValue = inputButtonColor.val(); 
    alert(inputButtonColorValue); 
    $('input.write-review').css({"background-color": "red" }); 
}); 

​http://jsfiddle.net/f4ngg/2/

這不是 「inputButtonColor.val（）」

var inputButtonColor = $('input#button-color'); 

inputButtonColor.change(function() { 
    var inputButtonColorValue = inputButtonColor.val(); 
    alert(inputButtonColorValue); 
    $('input.write-review').css({"background-color": inputButtonColorValue }); 
}); 

工作http://jsfiddle.net/f4ngg/1/

Answer 1

您將顏色代碼作爲文本框的輸入，如果您想將其更改爲彩色，則必須在顏色代碼之前添加#。

因此，代碼將是：

var inputButtonColor = $('input#button-color'); 

inputButtonColor.change(function() { 
    var inputButtonColorValue = inputButtonColor.val(); 
    alert(inputButtonColorValue); 
    $('input.write-review').css({"background-color": "#" + inputButtonColor.val() }); 
}); 

DEMO

Answer 2

您需要刪除雙引號外的變量，否則將被視爲字符串。正確的行：

$('iframe').contents().find('input.write-review').css({"background-color": inputButtonColor.val()}); 

希望幫助！