2赞

当前位置: 开发笔记 > 前端 > 正文

更改IE中禁用的文本框中的字体颜色

作者：135369一生真爱_890 | 2023-08-29 21:43

如何解决《更改IE中禁用的文本框中的字体颜色》经验，为你挑选了3个好方法。

我注意到你可以改变文本框中文本的颜色,这些文本框在Firefox中应用了一个简单的类但是在IE 6/7中无法实现.有没有人有一个优雅的解决方案来实现这一目标.

1> bobince..：

我注意到您可以更改在Firefox中禁用的文本框中的文本颜色

我想这个问题试图说的是:

Hello

在IE中显示灰色文本,在Fox中显示红色.FWIW,Opera也提供灰色,而WebKit浏览器提供红色.

这是一个纯CSS问题,与根据操作系统的小部件集呈现多少表单字段以及根据CSS规则多少呈现一样.这一直是一个跨浏览器差异很大的领域.脚本编写是不相关的,尽管SO希望"使用jQuery"作为每个问题的答案.

通常的解决方法是使用'readonly'而不是'disabled',然后使用样式(例如基于'class ='disabled"')来重现你想要的任何阴影禁用效果.'readonly'控件不会转换为OS级别禁用的小部件,为您提供更大的自定义样式.

我有点困惑,为什么这不是选定的答案.谢谢.

是的,readonly仅适用于

和<input type ="text"/"password">.<input type ="checkbox"/"radio">和其他控件(如<select>)只能"禁用" - 并且在任何情况下都有有限的样式化机会. <br><br><b>2> 小智..：</b><hr><p>     应该注意的是,使用该<b><code>disabled</code></b>属性会导致<b><code><input></code></b>在表单提交期间不提交基础元素,而<b><code>readonly</code></b>控件则提交给服务器.因此,<b><code>readonly</code></b>如果您的服务器代码不期望来自该控件的值,则不应使用.</p>

<p>     根据我的经验,尝试破解某些东西以获得可接受的演示文稿通常是不值得的.我建议您更改CSS,以便修复IE禁用的文本样式与您的基础控件样式不冲突,或者使用样式化文本代替控件(因为禁用的控件不能成功提交).使用浏览器而不是反对它.</p></p>
        <br><br><b>3> robocat..：</b><hr><p>我对<code><select></code>IE10中的元素有同样的问题并找到了解决方案:</p>

<p>http://jsbin.com/ujapog/90</p>

<p>有一个Microsoft psuedo元素,允许修改文本颜色:</p>

<pre class="brush:bash;">select[disabled='disabled']::-ms-value {
    color: #000;
}
</pre>

<p>规则必须独立,因为否则其他浏览器会因语法错误而忽略整个规则.有关其他仅限Internet Explorer的psuedo元素,请参阅http://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx.</p>

<p>编辑:<code>-ms-value</code>psuedo元素是在IE10中引入的,因此不适用于早期版本.</p></p>
        <hr>我怀疑使用`select:disabled ::  -  ms-value`(参见https://developer.mozilla.org/es/docs/Web/CSS/:disabled)或`select [disabled] :: -ms-value`(但是我目前没有安装IE,所以也没有测试过,对不起).     </div>

</div>

<div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/haskell_ZhongDeY_2418cc64.html" target="_blank" title="haskell中的圆形地图">haskell中的圆形地图</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《haskell中的圆形地图》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/haskell_ZhongDeY_2418cc64.html" target="_blank" title="haskell中的圆形地图">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiMeShiYuanShen_c12614ac.html" target="_blank" title="什么是原生Android与java？">什么是原生Android与java？</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《什么是原生Android与java？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ShiMeShiYuanShen_c12614ac.html" target="_blank" title="什么是原生Android与java？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiDaXingShuJuJi_ad9de9f1.html" target="_blank" title="在大型数据集中提交每个案例时计算公开案例的有效方法">在大型数据集中提交每个案例时计算公开案例的有效方法</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在大型数据集中提交每个案例时计算公开案例的有效方法》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiDaXingShuJuJi_ad9de9f1.html" target="_blank" title="在大型数据集中提交每个案例时计算公开案例的有效方法">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_ReSharper9-2_24058b30.html" target="_blank" title="在ReSharper 9.2中手动安装扩展">在ReSharper 9.2中手动安装扩展</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在ReSharper9.2中手动安装扩展》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_ReSharper9-2_24058b30.html" target="_blank" title="在ReSharper 9.2中手动安装扩展">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/c--_HanShuFanHui_b1bf2d52.html" target="_blank" title="c ++函数返回错误的数组">c ++函数返回错误的数组</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《c++函数返回错误的数组》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/c--_HanShuFanHui_b1bf2d52.html" target="_blank" title="c ++函数返回错误的数组">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiFouKeYiZai_EF_3799b608.html" target="_blank" title="是否可以在EF7中使用流畅的API添加CHECK约束？">是否可以在EF7中使用流畅的API添加CHECK约束？</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《是否可以在EF7中使用流畅的API添加CHECK约束？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiFouKeYiZai_EF_3799b608.html" target="_blank" title="是否可以在EF7中使用流畅的API添加CHECK约束？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/httpAPI_KeHuDuan_7279837a.html" target="_blank" title="http API客户端的Wreq或Servant？">http API客户端的Wreq或Servant？</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《httpAPI客户端的Wreq或Servant？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/httpAPI_KeHuDuan_7279837a.html" target="_blank" title="http API客户端的Wreq或Servant？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_UILable_Ge_caae981a.html" target="_blank" title="将UILable更改为UITextView,而不从对象库中删除和添加">将UILable更改为UITextView,而不从对象库中删除和添加</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将UILable更改为UITextView,而不从对象库中删除和添加》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_UILable_Ge_caae981a.html" target="_blank" title="将UILable更改为UITextView,而不从对象库中删除和添加">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ECMAScript-6_Dao_0cbbef80.html" target="_blank" title="ECMAScript-6导入嵌套函数？">ECMAScript-6导入嵌套函数？</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ECMAScript-6导入嵌套函数？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ECMAScript-6_Dao_0cbbef80.html" target="_blank" title="ECMAScript-6导入嵌套函数？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZiDingYi_UIView-_f0da8e49.html" target="_blank" title="自定义UIView,在Storyboard上具有动态高度">自定义UIView,在Storyboard上具有动态高度</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/ZiDingYi_UIView-_f0da8e49.html" target="_blank" title="自定义UIView,在Storyboard上具有动态高度"><img src="https://img.devbox.cn/3cccf/16086/243/927c0cdb72fe5ad0.png" width="120" height="70" alt="自定义UIView,在Storyboard上具有动态高度"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《自定义UIView,在Storyboard上具有动态高度》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZiDingYi_UIView-_f0da8e49.html" target="_blank" title="自定义UIView,在Storyboard上具有动态高度">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/HTML5localStorag_616b5087.html" target="_blank" title="HTML5 localStorage有用的函数// JavaScript,TypeScript">HTML5 localStorage有用的函数// JavaScript,TypeScript</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《HTML5localStorage有用的函数//JavaScript,TypeScript》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/HTML5localStorag_616b5087.html" target="_blank" title="HTML5 localStorage有用的函数// JavaScript,TypeScript">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/JiangChaRuFuHaoS_3fbfc65f.html" target="_blank" title="将插入符号设置在Froala 2中内容的末尾">将插入符号设置在Froala 2中内容的末尾</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将插入符号设置在Froala2中内容的末尾》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/JiangChaRuFuHaoS_3fbfc65f.html" target="_blank" title="将插入符号设置在Froala 2中内容的末尾">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/if_TiaoJianHouDe_e3e26ba1.html" target="_blank" title="if条件后的语法无效">if条件后的语法无效</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《if条件后的语法无效》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/if_TiaoJianHouDe_e3e26ba1.html" target="_blank" title="if条件后的语法无效">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DuanYanMeiYou_Py_c2cf689d.html" target="_blank" title="断言没有Python中的回溯">断言没有Python中的回溯</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《断言没有Python中的回溯》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DuanYanMeiYou_Py_c2cf689d.html" target="_blank" title="断言没有Python中的回溯">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZaiYunXing_react_4db4f7d9.html" target="_blank" title="在运行react-native初始项目时,watchman.plist权限被拒绝">在运行react-native初始项目时,watchman.plist权限被拒绝</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在运行react-native初始项目时,watchman.plist权限被拒绝》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZaiYunXing_react_4db4f7d9.html" target="_blank" title="在运行react-native初始项目时,watchman.plist权限被拒绝">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZhiNengFuZhiDao__8a3e2ffa.html" target="_blank" title="只能复制到0个节点而不是minReplication(= 1).有4个数据节点在运行,并且在此操作中不排除任何节点">只能复制到0个节点而不是minReplication(= 1).有4个数据节点在运行,并且在此操作中不排除任何节点</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《只能复制到0个节点而不是minReplication(=1).有4个数据节点在运行,并且在此操作中不排除任何节点》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZhiNengFuZhiDao__8a3e2ffa.html" target="_blank" title="只能复制到0个节点而不是minReplication(= 1).有4个数据节点在运行,并且在此操作中不排除任何节点">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Erlang_MoKuaiBia_38d236e1.html" target="_blank" title="Erlang模块编译">Erlang模块编译</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Erlang模块编译》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Erlang_MoKuaiBia_38d236e1.html" target="_blank" title="Erlang模块编译">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYongDuoXiangS_a88ee326.html" target="_blank" title="使用多项式内核调整svm时出现奇怪的错误消息:"警告:达到最大迭代次数"">使用多项式内核调整svm时出现奇怪的错误消息:"警告:达到最大迭代次数"</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用多项式内核调整svm时出现奇怪的错误消息:"警告:达到最大迭代次数"》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYongDuoXiangS_a88ee326.html" target="_blank" title="使用多项式内核调整svm时出现奇怪的错误消息:"警告:达到最大迭代次数"">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuGuoKuoZhanYiGe_59f535b7.html" target="_blank" title="如果扩展一个实现Serializable"下线"的类,为什么还需要重新定义serialVersionUID？">如果扩展一个实现Serializable"下线"的类,为什么还需要重新定义serialVersionUID？</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如果扩展一个实现Serializable"下线"的类,为什么还需要重新定义serialVersionUID？》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/RuGuoKuoZhanYiGe_59f535b7.html" target="_blank" title="如果扩展一个实现Serializable"下线"的类,为什么还需要重新定义serialVersionUID？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

<li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/MongoDBJavaAPI-__48cc9176.html" target="_blank" title="MongoDB Java API:全文搜索">MongoDB Java API:全文搜索</a></h2>
                    </div>

<div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《MongoDBJavaAPI:全文搜索》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/MongoDBJavaAPI-__48cc9176.html" target="_blank" title="MongoDB Java API:全文搜索">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

</li>

</ul>
        </div>
    </div>

<div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了

会员登录 | 用户注册