根据元素的输入更改只读背景颜色

这个问题在这里已经有了答案：

使用CSS 31答案更改HTML5输入的占位符颜色

---

有很多方法，但是如果你使用jQuery，有一个简单的方法可以这样做：$（selector）.css（propertyName，value）。 你可能想把它放在onChange事件处理程序中。 试试看，让我们知道你想出了什么，以及你是否有更具体的问题。 尝试浏览jQuery文档。

http://api.jquery.com/css/

该链接有一个相当接近你想要的例子。

---

您需要使用输入的onchange事件来更改输出的background-color CSS属性和value属性。 就我个人而言，我将在CSS中定义具有特定背景色的类，然后将输出的className属性更改为将类归类到输出。

var output /*Our output*/, inputs /*Our inputs*/;
document.addEventListener("DOMContentLoaded", function() { //When the document has loaded...
    //Set the variables.
});

function update() {
    var input1 = parseFloat(inputs[0].value), input2 = parseFloat(inputs[1].value);
    if (isNaN(input1) || isNaN(input2)) {
        //Make the background-color accordingly
    } else {
        output.value = input1+input2;
        if (input1+input2 > 0) {
            //Make the background-color accordingly
        } else {
            //Make the background-color accordingly
        }
    }
}

这里是小提琴：http://jsfiddle.net/NobleMushtak/HTP5d/

链接地址: http://www.djcxy.com/p/12163.html

上一篇: Change read only background color based on the input of the element

下一篇: How do you change a placeholder's attributes and styles?