Javascript 使用CSS向特定元素添加值_Javascript_Jquery_Css_Extjs

Javascript 使用CSS向特定元素添加值

javascript jquery css extjs

Javascript 使用CSS向特定元素添加值,javascript,jquery,css,extjs,Javascript,Jquery,Css,Extjs,我有许多动态创建的输入元素。我想获取所有未禁用的元素，并为它们添加边框颜色。从CSS中，我可以获得所有禁用的内容，如下所示： input[type="text"][disabled] { border-color: black; } var elements = $(":input"); var elementsVisible = elements.prop("disabled"); if(!elementsVisible) { $(this).css("borde

我有许多动态创建的输入元素。我想获取所有未禁用的元素，并为它们添加边框颜色。从CSS中，我可以获得所有禁用的内容，如下所示：

    input[type="text"][disabled] {
    border-color: black;
}

var elements = $(":input");
var elementsVisible = elements.prop("disabled");

if(!elementsVisible) { 
    $(this).css("border-color", "green") : 
}

这很好用

我已经尝试让那些没有残疾的人这样做：

    input[type="text"][enabled] {
    border-color: green;
}

由于某种原因，这不起作用，而且我没有得到错误

我不想使用JS/JQuery的原因是，浏览器在页面负载上使用了超过100%的CPU。犯罪代码如下所示：

    input[type="text"][disabled] {
    border-color: black;
}

var elements = $(":input");
var elementsVisible = elements.prop("disabled");

if(!elementsVisible) { 
    $(this).css("border-color", "green") : 
}

如何从CSS文件中获取已启用的输入字段？顺便说一下，我正在使用Extjs。如果可能的话，并且使用JS/JQuery比使用CSS有更多的好处，我正在听：-）

input[type=“text”]{
背景颜色：绿色；
}
输入[type=“text”][已禁用]{
背景色：黑色；
}

只要把这两个

input[attr=value] { // your style definitions }

接

input[attr=value][disabled] { // your style definitions }

在同一个文件中。所有内容都将使用第一条规则，而不是使用第二条规则的禁用项。

这对我来说非常好，启用的字段为浅绿色，禁用的字段为浅灰色：

<html>
<head>
    <style> 
        input[type=text] {
            background: red;
        }
        input[type=text]:enabled {
            background: lightgreen;
        }
        input[type=text]:disabled {
            background: lightgray;
        }
    </style>
</head>
<body>
    <form action="">
        First name: <input type="text" value="Mickey"><br>
        Last name: <input type="text" value="Mouse"><br>
        Country: <input type="text" disabled="disabled" value="Disneyland">
    </form>
</body>
</html>


名字：

姓氏：

国家：

去掉[enabled]并将禁用的css放在正常css之后。