gpt4 book ai didi

javascript - 使用 Javascript 将禁用的输入字段转换为只读输入字段

转载 作者:太空宇宙 更新时间:2023-11-04 13:23:33 25 4
gpt4 key购买 nike

我在 IE 中遇到表单问题。我在表格 i,e 中禁用了字段。具有属性 disabled="disabled" 的字段。这些字段以灰色显示输入文本,看起来非常暗淡/模糊,如果我尝试将 css 更改应用于这些字段,它不适用于 IE,但适用于其他浏览器,如 chrome、firefox。

有什么办法可以让这里的文字字体颜色更好看吗?

我认为这样做的一种方法是删除属性 disabled="disabled" 并使用 javascript 添加属性 readonly="readonly"。如果这是可能的那么我怎么能用 Javascript 做到这一点。我是 Javascript 的新手,所以请帮助我

在 HTML 下方解释行为。在 IE 和其他浏览器中运行它以查看差异。

<html>
<head>
<style type="text/css">

.col {
background-color: yellow;
color: red;
}

</style>
</head>
<body>
<table>
<tr>
<td>Editable field: </td>
<td>
<input type="text" id="editable-field-id" value="Editable field" class="col"/>
</td>
</tr>
<tr>
<td>Disabled field: </td>
<td>
<input type="text" disabled="disabled" id="disabled-field-id" value="Disabled field" class="col" />
</td>
</tr>
<tr>
<td>Readonly field: </td>
<td>
<input type="text" readonly="readonly" id="readonly-field-id" value="Readonly field" class="col"/>
</td>
</tr>
</table>
</body>
</html>

我正在 IE9 中测试这个。

最佳答案

您可以使用 jQuery 中提供的 .prop() 方法将禁用的输入字段更改为只读字段。我通常不鼓励使用 .attr()this is why .

$(function (){
$('input').prop({
'disabled': false,
'readonly': true
});
});

尽管方法 .removeProp() 可用,documentation encourages refrain when using it ,因为引用它“将完全删除该属性,一旦删除,就不能再添加到元素中。改为使用 .prop() 将这些属性设置为 false。”

在此处查看演示:http://jsfiddle.net/teddyrised/tE98z/

关于javascript - 使用 Javascript 将禁用的输入字段转换为只读输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12766686/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com